Главная
Study mode:
on
1
Intro
2
The web's greatest strength, I believe, is often seen as a limitation as a defect. It is the nature of the web to be flexible, and it should be our role as designers and developers to embrace this fl…
3
Mobile First Design
4
Using Web Standards
5
Understand Proximity
6
Embrace the Vertical Stack
7
Design for Quick Consumption
8
USE HEADINGS TO YOUR ADVANTAGE
9
Redefine Easy
10
LESSON Change layout? Change interaction
11
A change in layout/display may require a change in: interaction, role (markup), source order, alt text, state or other property
12
Change orientation? Beware of overlap
13
LESSONS Sliding animations: lost focus.
14
LESSON 10 Flexbox. Screen readers see the source.
Description:
Explore accessibility challenges and solutions in responsive web design through this conference talk from Mobilism 2013. Learn how mobile computing devices utilize technology originally designed for accessibility, and discover the significant overlap between mobile and accessibility best practices. Examine why using responsive web design techniques doesn't automatically ensure accessibility, and delve into the deep analysis of design patterns, layout, and interaction required to create truly accessible responsive designs. Gain insights into common accessibility issues in responsive designs, learn practical solutions, and understand guiding principles for optimizing user experiences for everyone, including people with disabilities. Cover topics such as mobile-first design, web standards, proximity, vertical stacking, quick consumption design, effective use of headings, redefining ease of use, and the impact of layout changes on interaction, markup, and accessibility properties. Investigate challenges with sliding animations, flexbox implementations, and orientation changes in responsive designs. Read more

Doing Responsive Right: Accessibility Lessons for Mobile Design

Web Conferences Amsterdam
Add to list
0:00 / 0:00