![]() You can access the device toolbar using the Toggle Device Toolbar icon in Chrome’s developer tools, or using the shortcut Command+ Shift+ M (Mac) or Ctrl+ Shift+ M (Windows) while the developer tools are open. Create a custom device with a width of 320 px and a height of 256 px. In Chrome’s developer tools, you can apply custom device emulation where you can set up a viewport size that matches the dimensions mentioned in the success criterion. I like using Chrome’s developer tools to test a site for 1.4.10 Reflow. The thing that makes this question so great is that it stems from thinking about accessibility in terms of design choices rather than fixing things in production, where it can be more difficult to alter the design.Īnd now back to our regularly scheduled topic. Accessibility shouldn’t be something that only comes after you’ve already built your website, otherwise, it’ll be orders of magnitude more difficult and more expensive to achieve. I’m going to take that a step further by talking about those common design practices and when you should keep an eye out for those false negatives.Īs a side note, why was this one of my favorite questions? I’m glad you asked! It’s because one of the most important things that you can to do to be more accessible is “shift left.” Shifting left is a concept in software development that means you should plan for things earlier in the project timeline. There are some scenarios where even if a site passes the basics of the test procedure, it may still be a good idea to double-check for false negatives by using browser zoom on various devices. (I’ll summarize that procedure in a moment.) I mentioned how the procedure isn’t perfect because there are nuances about this criterion that can make it tricky to test for. In my CSUN presentation, I talked about how I test for conformance with 1.4.10 Reflow. But there are also situations where the failure is less obvious-or the site passes on a technicality but is still problematic for people with low vision. There are many common design patterns on the web that cause 1.4.10 Reflow failures. ![]() One of my favorite audience questions after the session was along the lines of, “what are some of the most common design choices that you see that cause reflow issues?”
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |