Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-27843 META: Accessibility compliance for 2.x
  3. MDL-30830

Block headings not accessible to screen readers when docked

    XMLWordPrintable

Details

    • MOODLE_21_STABLE, MOODLE_22_STABLE, MOODLE_23_STABLE
    • MOODLE_21_STABLE, MOODLE_22_STABLE
    • wip-MDL-30830-m23
    • Hide
      1. Dock a couple of blocks
      2. Check that the docked block title still looks correct (not doubled up)
      3. In IE8 check that you get the title correctly as it is and check using a screenreader or development tool that the title is plain text rotated by CSS rather than an SVG
      4. In other browsers check that you get the SVG performing the rotation and that there is now an accesshide span containing the title as well.
      5. If you're really keen use a screen reader to confirm accessibility.
      Show
      Dock a couple of blocks Check that the docked block title still looks correct (not doubled up) In IE8 check that you get the title correctly as it is and check using a screenreader or development tool that the title is plain text rotated by CSS rather than an SVG In other browsers check that you get the SVG performing the rotation and that there is now an accesshide span containing the title as well. If you're really keen use a screen reader to confirm accessibility.

    Description

      When a block is docked, it is taken out of the page headings because the heading text is rendered as an SVG text transform so the heading can be displayed as vertical text.

      Potential Solution:
      Render the heading as plain text off the screen or use a CSS3 transform. SVG support in assistive technologies is not good enough yet.

      Attachments

        Issue Links

          Activity

            People

              samhemelryk Sam Hemelryk
              blepoxp Glenn Ansley
              Andrew Davis Andrew Davis
              Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
              Adrian Greeve Adrian Greeve
              Andrew Lyons, Huong Nguyen, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Sujith Haridasan, Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Sujith Haridasan
              Votes:
              1 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                12/Mar/12