Inclusive Design
@inclusivedesign.bsky.social
Accessibility tips, guidance, and resources for product designers.
Use clear and descriptive labels for form fields, ensuring each label is associated with its relevant input. Whilst this might seem obvious, failing to correctly associate labels with input fields can create significant issues for people using screen readers. #a11y #InclusiveDesign #ScreenReaders
February 24, 2025 at 9:47 PM
Use clear and descriptive labels for form fields, ensuring each label is associated with its relevant input. Whilst this might seem obvious, failing to correctly associate labels with input fields can create significant issues for people using screen readers. #a11y #InclusiveDesign #ScreenReaders
The visual appearance of text within your designs can significantly influence readability for people with dyslexia. Aim for at least 1.5 line height, 0.16em spacing between words, 0.12em spacing between letters, and paragraph spacing of at least 2 times the font size. #Accessibility #Dyslexia #UX
February 24, 2025 at 9:01 PM
The visual appearance of text within your designs can significantly influence readability for people with dyslexia. Aim for at least 1.5 line height, 0.16em spacing between words, 0.12em spacing between letters, and paragraph spacing of at least 2 times the font size. #Accessibility #Dyslexia #UX
Ensure touch targets in your designs are at least 44x44px. Larger selection sizes can be useful for people with motor impairments and can help reduce selection issues. #InclusiveDesign #A11Y #UX
February 24, 2025 at 8:51 PM
Ensure touch targets in your designs are at least 44x44px. Larger selection sizes can be useful for people with motor impairments and can help reduce selection issues. #InclusiveDesign #A11Y #UX
Apple's AssistiveTouch allows users to customize how they perform actions like taking screenshots, adjusting the volume and much more via a single tap (useful for people with motor impairments and limited dexterity) - www.youtube.com/watch?v=_j4-... #A11Y #Apple #iPhone
How to use AssistiveTouch on your iPhone or iPad — Apple Support
YouTube video by Apple Support
www.youtube.com
February 23, 2025 at 10:08 PM
Apple's AssistiveTouch allows users to customize how they perform actions like taking screenshots, adjusting the volume and much more via a single tap (useful for people with motor impairments and limited dexterity) - www.youtube.com/watch?v=_j4-... #A11Y #Apple #iPhone
It's important to test your designs with text resized to ensure they still work effectively. Make sure users can resize text up to 200% without this presenting any interaction challenges. This helps people with visual impairments access your content more easily. #Accessibility #VisualImpairment #UX
February 23, 2025 at 9:53 PM
It's important to test your designs with text resized to ensure they still work effectively. Make sure users can resize text up to 200% without this presenting any interaction challenges. This helps people with visual impairments access your content more easily. #Accessibility #VisualImpairment #UX
It's crucial to ensure your designs work effectively in both portrait and landscape modes. This is particularly important for users who rely on fixed orientations due to device mounts, mobility requirements, or accessibility settings. #A11Y #ResponsiveDesign #UX
February 23, 2025 at 9:44 PM
It's crucial to ensure your designs work effectively in both portrait and landscape modes. This is particularly important for users who rely on fixed orientations due to device mounts, mobility requirements, or accessibility settings. #A11Y #ResponsiveDesign #UX
Ensure all key elements in your design are fully accessible via keyboard. Users should be able to navigate forward (Tab) and backward (Shift+Tab) through your content without getting stuck. Avoid keyboard traps. #NoMouse #InclusiveDesign #KeyboardTraps
February 23, 2025 at 8:56 PM
Ensure all key elements in your design are fully accessible via keyboard. Users should be able to navigate forward (Tab) and backward (Shift+Tab) through your content without getting stuck. Avoid keyboard traps. #NoMouse #InclusiveDesign #KeyboardTraps
When presenting data via charts or graphs, never rely solely on color to visualize information. Use patterns or textures (alongside color) to help people with color vision deficiences distinguish between different data points. #Accessibility #UX #ColorBlind
February 23, 2025 at 8:49 PM
When presenting data via charts or graphs, never rely solely on color to visualize information. Use patterns or textures (alongside color) to help people with color vision deficiences distinguish between different data points. #Accessibility #UX #ColorBlind
Writing alternative text for images is crucial for people with visual impairments (using screen readers) to ensure they can access visual content. When publishing images, take the extra time to provide a descriptive representation to support accessibility. #A11Y #UX #AltText
February 23, 2025 at 8:42 PM
Apple's Personal Voice and Live Speech features let you create a voice that sounds like you and type to communicate with others. Particularly useful for people with speech impairments or those who have lost their voice - www.youtube.com/watch?v=cRXs... #Accessibility #InclusiveDesign #Apple
How to set up and use Personal Voice and Live Speech on iPhone and iPad | Apple Support
YouTube video by Apple Support
www.youtube.com
February 20, 2025 at 9:58 PM
Apple's Personal Voice and Live Speech features let you create a voice that sounds like you and type to communicate with others. Particularly useful for people with speech impairments or those who have lost their voice - www.youtube.com/watch?v=cRXs... #Accessibility #InclusiveDesign #Apple
Many users rely on keyboard navigation to interact with content, so it's crucial to ensure your designs support keyboard focus. Use visual indicators like a border or background color change to highlight focusable elements so they're easily identifiable. #NoMouse #Accessibility #UX
February 20, 2025 at 9:51 PM
Many users rely on keyboard navigation to interact with content, so it's crucial to ensure your designs support keyboard focus. Use visual indicators like a border or background color change to highlight focusable elements so they're easily identifiable. #NoMouse #Accessibility #UX
Use descriptive text for links to improve clarity. Instead of "Click Here" use "Download our 2025 Report" or "Learn More About Our Accessibility Research". This is particularly important for screen reader users who rely on clear link descriptions to navigate content. #a11y #InclusiveDesign #UX
February 20, 2025 at 9:25 PM
Use descriptive text for links to improve clarity. Instead of "Click Here" use "Download our 2025 Report" or "Learn More About Our Accessibility Research". This is particularly important for screen reader users who rely on clear link descriptions to navigate content. #a11y #InclusiveDesign #UX
Avoid ALL CAPS in your designs - it's harder for people with visual impairments or dyslexia to read as words lose their distinct shapes. Use mixed case text for better readability. #InclusiveDesign #UX #a11y
February 20, 2025 at 9:12 PM
Avoid ALL CAPS in your designs - it's harder for people with visual impairments or dyslexia to read as words lose their distinct shapes. Use mixed case text for better readability. #InclusiveDesign #UX #a11y
Don't rely on color alone to present information in your designs. Use additional visual indicators to ensure people with color vision deficiencies can fully understand all content and features (e.g., add underline formatting to all links). #Accessibility #ColorBlind #UX
February 20, 2025 at 8:51 PM
Don't rely on color alone to present information in your designs. Use additional visual indicators to ensure people with color vision deficiencies can fully understand all content and features (e.g., add underline formatting to all links). #Accessibility #ColorBlind #UX
Apple devices now include an eye tracking feature, allowing users to control iPhones and iPads via gaze input (available on newer models): www.youtube.com/watch?v=7Qqu... #a11y #InclusiveDesign #EyeTracking #UX
How to set up and use Eye Tracking on iPhone and iPad | Apple Support
YouTube video by Apple Support
www.youtube.com
February 19, 2025 at 9:51 PM
Apple devices now include an eye tracking feature, allowing users to control iPhones and iPads via gaze input (available on newer models): www.youtube.com/watch?v=7Qqu... #a11y #InclusiveDesign #EyeTracking #UX
Provide text alternatives (captions/transcripts) for all video and audio content. This helps d/Deaf and hard of hearing people, those in noisy environments, and many others access your content. #Accessibility #InclusiveDesign #UX
February 19, 2025 at 9:36 PM
Provide text alternatives (captions/transcripts) for all video and audio content. This helps d/Deaf and hard of hearing people, those in noisy environments, and many others access your content. #Accessibility #InclusiveDesign #UX
Avoid using flashing content to help prevent seizure risks. Ensure any flashing elements within your designs are limited to less than 3 times per second and minimise the size of flashing areas. #a11y #InclusiveDesign #Accessibility
February 19, 2025 at 9:23 PM
Avoid using flashing content to help prevent seizure risks. Ensure any flashing elements within your designs are limited to less than 3 times per second and minimise the size of flashing areas. #a11y #InclusiveDesign #Accessibility
Use fonts with clear letter shapes and good spacing for better screen readability. While sans-serif fonts like Arial often work well, focus on fonts with distinct characters and comfortable spacing over specific font families. #a11y #Dyslexia #InclusiveDesign
February 19, 2025 at 9:00 PM
Use fonts with clear letter shapes and good spacing for better screen readability. While sans-serif fonts like Arial often work well, focus on fonts with distinct characters and comfortable spacing over specific font families. #a11y #Dyslexia #InclusiveDesign
Samsung Good Vibes supports two-way communication for the deadblind through converting text/voice into vibrations and vice versa (using Morse Code) - www.youtube.com/watch?v=GE16... #Accessibility #InclusiveDesign #a11y
Samsung Good Vibes App Caring for the deafblind Full HD
YouTube video by techiways
www.youtube.com
February 18, 2025 at 10:33 PM
Samsung Good Vibes supports two-way communication for the deadblind through converting text/voice into vibrations and vice versa (using Morse Code) - www.youtube.com/watch?v=GE16... #Accessibility #InclusiveDesign #a11y
Use actual text in designs instead of embedding it within images. This allows screen readers to access the content and enables users to adjust text size and styling to their own requirements. #a11y #UX #InclusiveDesign
February 18, 2025 at 10:17 PM
Use actual text in designs instead of embedding it within images. This allows screen readers to access the content and enables users to adjust text size and styling to their own requirements. #a11y #UX #InclusiveDesign
Ensure text and background colors have high contrast to support easy readability (particularly important for people with low vision and other visual impairments). Use tools like WebAIM's Contrast Checker to check against accessibility standards - webaim.org/resources/co... #a11y #UX #Accessibility
WebAIM: Contrast Checker
webaim.org
February 18, 2025 at 10:12 PM
Ensure text and background colors have high contrast to support easy readability (particularly important for people with low vision and other visual impairments). Use tools like WebAIM's Contrast Checker to check against accessibility standards - webaim.org/resources/co... #a11y #UX #Accessibility
No need to say 'image of' or 'photo of' when writing alt text for images. Screen readers will announce it as an image, so jump straight into the description. #a11y #InclusiveDesign #Accessibility
February 18, 2025 at 10:03 PM
No need to say 'image of' or 'photo of' when writing alt text for images. Screen readers will announce it as an image, so jump straight into the description. #a11y #InclusiveDesign #Accessibility
VoiceOver is a widely used iPhone/iPad feature enabling people who are blind or have low vision to control their devices via unique gestures - www.youtube.com/watch?v=ROIe... #VoiceOver #Accessibility #a11y #InclusiveDesign
How to Navigate your iPhone or iPad with VoiceOver | Apple Support
YouTube video by Apple Support
www.youtube.com
February 17, 2025 at 10:26 PM
VoiceOver is a widely used iPhone/iPad feature enabling people who are blind or have low vision to control their devices via unique gestures - www.youtube.com/watch?v=ROIe... #VoiceOver #Accessibility #a11y #InclusiveDesign
Organise your content with proper headings to provide a clear structure. This helps screen readers and keyboard users navigate your content efficiently (e.g., by jumping to different headings) and improves the overall UX for people with visual and physical impairments. #a11y #UX #Accessibility
February 17, 2025 at 10:13 PM
Organise your content with proper headings to provide a clear structure. This helps screen readers and keyboard users navigate your content efficiently (e.g., by jumping to different headings) and improves the overall UX for people with visual and physical impairments. #a11y #UX #Accessibility
Larger touch targets (buttons and icons) make it easier for users with physical impairments (e.g., tremor) to interact with your designs. Aim for a minimum target size of 44x44px #a11y #ux #accessibility
February 17, 2025 at 10:03 PM
Larger touch targets (buttons and icons) make it easier for users with physical impairments (e.g., tremor) to interact with your designs. Aim for a minimum target size of 44x44px #a11y #ux #accessibility