Media Accessibility - Media Sprint 2012

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
You are viewing a wiki page. You are welcome to join the group and then edit it. Be bold!

Attributes (alt and title)

At this point in time, we are focusing on the alt and title attributes, with the mindset that we will be creating a framework that will work for other attributes.

Related specifications

W3C HTML5 Working Draft
4.8.1 The img element
4.8.1.1 Requirements for providing text to act as an alternative for images

W3C HTML 4.01 Specification
13.2 Including an image: the IMG element
13.8 How to specify alternate text

Initial Proposed Solution

  • File Entity should allow fields to be marked as "overrideable".
  • Media widget support for "overrideable" fields
    • Overrideable fields should be exposed to the end user in the media widget
    • Override data for such fields needs to be stored in the field.
      • Can we do this in a way that is generic for filefields using other input widgets?
      • Should we create a custom table to hold this data or should we stuff it into the description column?
      • Or maybe there's a way to alter the field schema for filefields when they're created?
    • File Entity module should be responsible for injecting the override values into the file entity's fields when it's loaded (not sure about the best place to accomplish this step)
  • WYSIWYG support for overrideable fields (note that if we switch to using WYSIWYG Fields module to take care of WYSIWYG integration then this problem is effectively solved for us, if we don't switch, then see below)
    • Input filter should be updated to allow data for the overrideable fields to be passed in a Media tag.
    • Input filter is responsible for injecting override values when it loads the file entity being referenced
    • Figure out an interface solution that gives admins a friendly way to edit that data. (any ideas??)
  • Renderers for individual file types are responsible for allowing you to map fields from the file entity into whatever attributes they want to expose (probably via tokens)
  • Create sane defaults that make this usable out of the box
    • "title" and "alt" fields added to the image file type and configured to be "overrideable"
    • File display for image files should be configured with the "Image" display enabled and "alt" and "title" fields mapped into the appropriate attributes exposed by the Image formatter

Accessibility of the media library

Modal window

Part of the issue arises with the modal, another part of the issue is with WYSIWYG. Possible help comes with a switch of the modal to jQueryUI-a11y::dialog, linked to in resources.

Selecting media in media library

Selecting media via the views-based media library requires using a mouse. Selecting an image fails when using the keyboard only. Fails ATAG 2.0 Guideline A.3.1: (For the authoring tool user interface) Provide keyboard access to authoring features.

Resources

Media

Group organizers

Group categories

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: