Codex Archives - Claude Laloi https://claudethedigitalmarketingprofessional.com/tag/codex/ The Digital Marketing Professional Sun, 21 Oct 2018 03:03:48 +0000 en-US hourly 1 https://wordpress.org/?v=6.6.2 Keyboard navigation https://claudethedigitalmarketingprofessional.com/2018/10/20/keyboard-navigation/ Sun, 21 Oct 2018 03:03:48 +0000 https://wpthemetestdata.wordpress.com/?p=1724 There are many different ways to use the web besides a mouse and a pair of eyes. Users navigate for example with a keyboard only or with their voice. All the functionality, including menus, links and forms should work using a keyboard only. This is essential for all assistive technology to work properly. The only […]

The post Keyboard navigation appeared first on Claude Laloi.

]]> There are many different ways to use the web besides a mouse and a pair of eyes. Users navigate for example with a keyboard only or with their voice.

All the functionality, including menus, links and forms should work using a keyboard only. This is essential for all assistive technology to work properly. The only way to test this, at the moment, is manually. The best time to test this is during development.

How to keyboard test:

Tab through your pages, links and forms to do the following tests:

  • Confirm that all links can be reached and activated via keyboard, including any in dropdown submenus.
  • Confirm that all links get a visible focus indicator (e.g., a border highlight).
  • Confirm that all visually hidden links (e.g. skip links) become visible when in focus.
  • Confirm that all form input fields and buttons can be accessed and used via keyboard.
  • Confirm that all interactions, buttons, and other controls can be triggered via keyboard — any action you can complete with a mouse must also be performable via keyboard.
  • Confirm that focus doesn’t move in unexpected ways around the page.
  • Confirm that using shift+tab to move backwards works as well.

Resources

The post Keyboard navigation appeared first on Claude Laloi.

]]> Template: Featured Image (Vertical) https://claudethedigitalmarketingprofessional.com/2012/03/15/template-featured-image-vertical/ Thu, 15 Mar 2012 22:36:32 +0000 http://wptest.io/demo/?p=1016 This post should display a featured image, if the theme supports it. Non-square images can provide some unique styling issues. This post tests a vertical featured image.

The post Template: Featured Image (Vertical) appeared first on Claude Laloi.

]]> This post should display a featured image, if the theme supports it.

Non-square images can provide some unique styling issues.

This post tests a vertical featured image.

The post Template: Featured Image (Vertical) appeared first on Claude Laloi.

]]> Template: Featured Image (Horizontal) https://claudethedigitalmarketingprofessional.com/2012/03/15/template-featured-image-horizontal/ Thu, 15 Mar 2012 22:15:12 +0000 http://wptest.io/demo/?p=1011 This post should display a featured image, if the theme supports it. Non-square images can provide some unique styling issues. This post tests a horizontal featured image.

The post Template: Featured Image (Horizontal) appeared first on Claude Laloi.

]]> This post should display a featured image, if the theme supports it.

Non-square images can provide some unique styling issues.

This post tests a horizontal featured image.

The post Template: Featured Image (Horizontal) appeared first on Claude Laloi.

]]> Edge Case: Many Tags https://claudethedigitalmarketingprofessional.com/2009/06/01/edge-case-many-tags/ Mon, 01 Jun 2009 08:00:34 +0000 https://wpthemetestdata.wordpress.com/2007/11/24/many-tags/ This post has many tags.

The post Edge Case: Many Tags appeared first on Claude Laloi.

]]> This post has many tags.

The post Edge Case: Many Tags appeared first on Claude Laloi.

]]>