Tag Archives: responsive

Maintaining Accessibility in a Responsive World

…being “accessible” means many things. It means that a page must load quickly—even in slow and spotty mobile networks.

After loading, the page should be usable and feel appropriate and intuitive to folks using any device, browser, viewport size, and assistive technology. More often than not, the practices we use to achieve these goals play nicely together, but sometimes one optimization can complicate another.

When that happens, we try to step back and find ways to satisfy all our priorities.

Curated by (Lifekludger)
Read full article at Source: Maintaining Accessibility in a Responsive World | Filament Group, Inc., Boston, MA

Keyboard Navigation for Responsive Web Design | Art+Tech

HTML provides a tabindex attribute to control the tab order of elements when their document ordering differs from their visual ordering, but this is insufficient to cope with multiple dynamic orderings that can arise from developing Responsively.A CSS nav-index property was proposed which would have provided a way to solve this problem, but was unfortunately dropped from the standards due to lack of support.In efforts to address this problem, we developed a simple tool to dynamically update the tabbing order of specially marked elements. The tool we’ve created takes the form of a small Javascript library called responsive-tab-order.

Curated by (Lifekludger)
Read full article at Source: Keyboard Navigation for Responsive Web Design | Art+Tech

Mobile Web Accessibility for Developers – Slides and Video – Marcy Sutton

Mobile Web Accessibility for Developers

We are web developers creating responsive websites and hybrid mobile apps with our HTML, CSS and JavaScript skills. How can we ensure our mobile experiences are accessible to all people, including those with disabilities? In this talk, we’ll discuss mobile web accessibility fundamentals, pain points and development tips you can use in your next project.

Curated by (Lifekludger)
Read full article at Source: Mobile Web Accessibility for Developers

Writing content for responsive design | 4 Syllables

If you’re writing for the web, you’re writing for responsive design. Or you soon will be.

In this article, we offer some tips to get your content working well on a range of screen sizes and orientations.

3 tips to make content work for responsive designs.

1 Write in plain English.

2 Pay attention to content design.

3 Ditch documents in favour of web pages.

Source: Writing content for responsive design | 4 Syllables