Increase Text Decrease TextDecrease Text GrayscaleGrayscale High ContrastHigh Contrast High ContrastHigh Contrast Light BackgroundLight Background Links UnderlineLinks Underline Readable FontReadable Font Reset Reset
Robust: Maximize compatibility with current and future user tools.
WE'RE RAISING $25,000
**Bad practice:
**Text cuts of at "$25,0" and the page won't let me scroll horizontally to see what is being cut off. It's only through this annotation that Iam able to see that the number is "$25, 000".
Principle 1 – Perceivable: Guideline 1.4 – Distinguishable - 1.4.4 Resize Text - * Level AA: Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality.*
PartnershipsArt CartICA PAS ScholarshipUp:Rising Literary AnthologyRendezvous with Madness Artist in ResidencePartner With UsABOUT
*Bad Practice:
*Text "Partnerships" and "About" overlap when using the websites built-in Accessibility Menu's "Bigger Text" function to the maximum level with Chrome set to 100% zoom. For reference, I am using a standard TMU desktop screen. The end of and beginning of the 2 labels become illegible, not sure how the overlap would affect access to the subsections/menus that drop down from the labels. Could be a coding error.
Principle 1 – Perceivable: Guideline 1.4 – Distinguishable 1.4.4 Resize Text - Level AA: Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality.
IN CRISIS? Distress Centre: 416-408-4357
Bad practice:
Hot pink/red colour is used to emphasize text, or when the mouse hovers over a hyperlink. This emphasize is noticeable when using Colorblindly extension set to monochromacy / achromatopsia. This is the brand colour, but as mental health NGO, these particular text must always be emphasized and perceivable by all website users.
Principle 1 – Perceivable - Guideline 1.4 – Distinguishable - 1.4.1 - Use of Color - Level A: Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.
Good practice:
Accessibility Menu available through "CTRL + U" immediately upon loading page. No need for a mouse or to go searching for the menu. All website users can adapt the page to fit their individual accessibility needs.
Operable: Make all functionality available from a keyboard.
Good Practice:
Logo and background have clear contrast. There's no greater colour contrast combination that black and white.
Understandable: Make text readable and understandable.