banner
LightNews
inclusivedesign.bsky.social
Inclusive Design
@inclusivedesign.bsky.social
17 followers 1 following 26 posts
Accessibility tips, guidance, and resources for product designers.
Posts Media Videos Starter Packs
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 24
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
2
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 24
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
1 2
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 24
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
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 23
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
1
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 23
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
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 23
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
1
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 23
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
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 23
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
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 23
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
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 20
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
1
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 20
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
1
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 20
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
2
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 20
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
1
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 20
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
1
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 19
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
1
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 19
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
1
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 19
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
3 3
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 19
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
2 4
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 18
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
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 18
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
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 18
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
1
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 18
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
1
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 17
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
1
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 17
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
1 1
inclusivedesign.bsky.social
Inclusive Design @inclusivedesign.bsky.social · Feb 17
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