It is proven that the earlier accessibility is integrated in the development process, the better results you can achieve, the lesser the required effort is. Therefore, it is very important to consider the accessibility of your website or application even before the first line of code implementing it is written: the design phase!
In this section you can find various resource to explain the reason why the design phase has a significant impact on the accessibility of your product, and contains references to very useful tools you can leverage in this phase of the development process. Special attentions has been dedicated to all aspects related to visual appearance of an interface (fonts, colors, layout, etc.).
Showing results 25 to 36, out of 48.
Font Finder is a very simple browser extension (currently available for Google Chrome only, and compatible with Microsoft Edge) that allows you to easily inspect all font-related properties for each element in a web page.
Read moreAvailable for Google chrome and Mozilla Firefox (and compatible with Microsoft Edge as well), Magnifying Glass (Hover Zoom) is a simple browser extension that allows you to magnify a limited area of a web page.
Read moreBeing developed by Deque Systems (the same company behind products such as axe-core and Axe Dev Tools), this color palette contrast analyzer is a web service that allows you to quickly check the contrast ratio between all colors in your color palette.
Read moreThis minimal, easy to use web service allows you to quickly test wether the contrast ratio between two colors (foreground and background) is enough for your text to be accessible.
Read moreThis service provided by WebAIM (the same company behind the Web Accessibility Evaluation Tool (WAVE)) allows you to quickly check the contrast ratio between foreground and background colors.
Read moreFor better usability and accessibility, links should be underlined by default. Otherwise, according to Web Content Accessibility Guidelines (WCAG) link text must have at least a 3:1 contrast ratio with the surrounding body text, and must present a non-color indicator (typically underline) on mouse hover and keyboard focus.
Read moreAvailable for both Mozilla Firefox and google Chrome, ColorZilla is an extension that can make your life easier while testing and evaluating color contrast in your web page, or choose the right color during the design process.
Read moreOpenDyslexic is an open source typeface that aims to help with some of the symptoms of dyslexia, as defined by the Diagnostic and Statistical Manual of Mental Disorders (DSM 5).
Read moreIn this short video from Apple World Wide Developer Conference (WWDC) 2021 some of the engineers and designers who helped build Apple Watch share stories that highlight their approach to accessible design, constant iteration, and community engagement.
Read moreIn this video from Apple World Wide Developer Conference (WWDC) 2021, some developers who are blind or deaf themselves will discuss the process of making technology accessible.
Read moreIn this video from Apple World Wide Developer Conference (WWDC) 2021 you can find out how you can offer a great accessibility experience for watchOS by supporting features like larger text sizes, VoiceOver, and AssistiveTouch.
Read moreIn this video from Apple World Wide Developer Conference (WWDC) 2021 some best practices for creating and empowering diverse teams will be provided, exploring how inclusivity influences every stage of the design and development process.
Read more