Skip to main content

Patterns, Guides, Resources.

Accessibility patterns, best-practices, guides reviews and resources.


Contrast - Enhancing Readability and Accessibility

Ensuring sufficient contrast between text and its background is a fundamental aspect of web accessibility. The Web Content Accessibility Guidelines (WCAG) specify criteria for contrast to make sure that text is readable for all users, including those with visual impairments or color vision deficiencies.

Images of text - ensuring accessibility

Text within images can be challenging to read, especially when users need to resize text, change contrast settings, or use screen readers. Text rendered as an image does not offer the same flexibility and accessibility as actual text, making it difficult for users to interact with and comprehend the content.

Ensuring Non-Text Contrast for Web Accessibility

Adequate contrast for non-text elements helps users identify and interact with different components on a web page, such as buttons, icons, form controls, and visual indicators. Insufficient contrast can make it difficult for users to distinguish these elements, hindering navigation and functionality.

Resize Text: Ensuring Text Accessibility

Text resizing is crucial for users with low vision who may need to enlarge text to read it comfortably. It also benefits users with cognitive disabilities who may find larger text easier to comprehend.

Reflow: Ensuring Responsive and Accessible Content

Reflow is essential for creating a responsive design that allows users to read and interact with content without having to scroll horizontally. This is particularly important for users who access the web on mobile devices, those who use screen magnifiers, and individuals with cognitive disabilities who benefit from simpler layouts.