Part of meta issues #1805996: [META] Views in Drupal Core and #1802678: [META] Views: accessibility review.

Steps

  1. Test this issue using 8.x HEAD:
    git clone --recursive --branch 8.x http://git.drupal.org/project/drupal.git
  2. Enable Views and Views UI.
  3. Test each screen of the Views UI, including: the administrative view listing, the view creation wizard, the advanced administrative interface, and modal dialogs.
  4. Every form field needs a correctly associated label. Run a test using the WAVE Toolbar and identify any incorrect labels. (More about automated checking, More on #title and #title_display)
  5. Report any problems in this issue.

Reference: core accessibility gate.

Comments

xjm’s picture

Project: Drupal core » VDC
Version: 8.x-dev »
Component: other » Code
xjm’s picture

Project: VDC » Drupal core
Version: » 8.x-dev
Component: Code » views_ui.module
xjm’s picture

Issue summary: View changes

Updated issue summary.

xjm’s picture

Issue summary: View changes

Updated issue summary.

irunflower’s picture

There were no errors thrown by WAVE. I double checked the form field labels to make sure they made sense.

I am not sure if there is a list of correct "field form labels" - if there is, please post and I will double check them.

dawehner’s picture

I'm wondering which modals did you checked. Some potential problematic pages could be:

  • add/edit a field/filter/sort/contextual filter/relationship
  • reorder fields/filters ...
xjm’s picture

Agreed, it would be good to document here explicitly each path/interaction that was tested and what the results were. A (cropped) screenshot of the results would help too.

falcon03’s picture

@XJM: yes, Yesterday I was thinking about a problem with the Views accessibility review: the Views UI is really complex and we should ensure that everything is tested and, if possible, that two people won't loose their time testing the same thing (at least until the accessibility review is completed).

So I was wondering what the best method to track progress about this review was... And I thought that:

  1. We could create a wiki page (maybe on the accessibility group) to serve as a report on what needs to be done and what has been already done;
  2. Or start a new issue for every bug found and edit the summary of this issue to let others know what has been tested

Any thoughts?

BTW, I plan to spend some time on this issue next weekend...

xjm’s picture

@falcon03, Well, I'd prefer to track progress using these five issues (one for each point of the core accessibility gate). I think we can start by having everyone document exactly what they've tested, as is already happening in #1806022: Views' text color does not have sufficient contrast and #1806308: Review Views JavaScript + generic modals for accessibility. We've already identified critical bugs under both those issues, so we'll want to resolve those as soon as possible and then test again, perhaps with a more detailed plan, once the critical bugs are resolved.

mgifford’s picture

I ran most of the Views UI through the WAVE Toolbar and added issues to the Views.UI component in the issue queue:

#2044523: Page: Theming missing Label
#2044511: Label missing in Page: The title of this view & The menu path or URL of this view
#2044521: Label used for markup, not associated with input form

Not a label/form issue, but also #2044505: Remove empty headers in Views UI <h2 id="views-ajax-title"></h2>

I'm not certain that this would have caught them all, but certainly highlighted a few that have been missed.

tim.plunkett’s picture

mgifford’s picture

Yup.. But there are going to be theming issues for those issues, as they don't want the title to appear.

bowersox’s picture

Issue tags: +TwinCities
falcon03’s picture

Status: Active » Postponed

As @tim.plunkett already said, most of these unlabeled fields have been labeled to make the form property validation API patch pass tests. So, let's postpone this issue on that one and, as soon as it gets in, let's review the Views UI and see if we've missed something.

@mgifford: I expect a lot of issues like "hide the label for this field" to appear in the cueue after the property validation API commit! :D

mgifford’s picture

Agreed @falcon03 - this is a great time to find & fix up those remaining errors.

I just don't want this held up by that.

falcon03’s picture

Status: Postponed » Active

The property validation API has not been committed yet because there is some discussion going on about its implementation.

In the meantime, the missing #title we found out in drupal by working on that API have been committed in a separate issue: #2074509: Add missing #title property to ensure form accessibility.

We just need a quick review of the Views UI to see if there are leftover form fields without a label...

falcon03’s picture

Issue summary: View changes

Updated issue summary.

mgifford’s picture

Issue summary: View changes

@xjm is there a list of screens for the Views UI? I assume that there must be. Is it just this:

  • A
  • Title: Content - ERROR: Multiple Form Labels
  • Format
  • Format: Table | Settings
  • Fields
  • Content: Node operations bulk form
  • Content: Title (Title)
  • Content: Type (Content Type)
  • (author) User: Name (Author)
  • Content: Published status (Status)
  • Content: Updated date (Updated)
  • Content: Link to edit content [hidden]
  • Content: Link to delete content [hidden]
  • Content: Translation link [hidden]
  • Global: Dropbutton (Operations) - ERROR: What is with the empty More SUMMARY text (edit-options-more)?
  • Content: Has new content (Has new content)
    • Add fields
    • List additional actions
  • Filter criteria
  • Content: Published status or admin user
  • Content: Published status (grouped) - ERROR: Missing label on radio button for <Any> in bottom table
  • Content: Type (exposed)
  • Content: Title (exposed)
  • Content revision: Language (exposed)
    • Add filter criteria
    • List additional actions
  • Sort criteria
  • Page settings
  • Path: /admin/content/node
  • Menu: Tab: Content | Parent menu item
  • Access: Permission | Access the Content overview page
  • Header
    • Add header
  • Footer
    • Add footer
  • No results behavior
  • Global: Unfiltered text (Global: Unfiltered text)
    • Add no results behavior
    • List additional actions
  • Pager
  • Use pager: Full | Paged, 50 items
  • Advanced
  • Contextual filters
    • Add contextual filters
  • Relationships
  • author
    • Add relationships
    • List additional actions
  • Exposed form
  • Exposed form in block: No
  • Exposed form style: Basic | Settings
  • Other
  • Machine Name: page_1
  • Administrative comment: None
  • Use AJAX: No
  • Hide attachments in summary: No
  • Contextual links: Hidden
  • Use aggregation: No
  • Query settings: Settings
  • Field Language: Current user's language
  • Caching: None
  • CSS class: None
  • A couple issues from the WAVE Toolbar, but generally pretty good.

    botris’s picture

    What's the status of this issue?
    As META #1802678: [META] Views: accessibility review is already closed.

    botris’s picture

    Issue tags: +Amsterdam2014

    Tagging Amsterdam2014

    lomo’s picture

    Is this really the only issue open blocking keeping #1805996: [META] Views in Drupal Core open? Can anyone provide a good update on what needs to be done in order for this to just be closed? (Perhaps I can help? ;-) )

    blackra’s picture

    Issue tags: -Novice

    I am removing the Novice tag from this issue because it is not clear whether this issue is still relevant in its current form. The original purpose appears to be a pre-requisite for including views in core.

    mgifford’s picture

    I went through most of Views UI and found two new issues using http://wave.webaim.org/toolbar/

    There's a lot in Views UI though so not 100% sure I got it all. With this (chrome or firefox) plugin installed though it is pretty trivial to quickly see that all labels on a page are associated with form elements.

    More testing would be good though.

    Version: 8.0.x-dev » 8.1.x-dev

    Drupal 8.0.6 was released on April 6 and is the final bugfix release for the Drupal 8.0.x series. Drupal 8.0.x will not receive any further development aside from security fixes. Drupal 8.1.0-rc1 is now available and sites should prepare to update to 8.1.0.

    Bug reports should be targeted against the 8.1.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.2.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

    Version: 8.1.x-dev » 8.2.x-dev

    Drupal 8.1.9 was released on September 7 and is the final bugfix release for the Drupal 8.1.x series. Drupal 8.1.x will not receive any further development aside from security fixes. Drupal 8.2.0-rc1 is now available and sites should prepare to upgrade to 8.2.0.

    Bug reports should be targeted against the 8.2.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.3.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

    Version: 8.2.x-dev » 8.3.x-dev

    Drupal 8.2.6 was released on February 1, 2017 and is the final full bugfix release for the Drupal 8.2.x series. Drupal 8.2.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.3.0 on April 5, 2017. (Drupal 8.3.0-alpha1 is available for testing.)

    Bug reports should be targeted against the 8.3.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.4.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

    Version: 8.3.x-dev » 8.4.x-dev

    Drupal 8.3.6 was released on August 2, 2017 and is the final full bugfix release for the Drupal 8.3.x series. Drupal 8.3.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.4.0 on October 4, 2017. (Drupal 8.4.0-alpha1 is available for testing.)

    Bug reports should be targeted against the 8.4.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.5.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

    dead_arm’s picture

    Issue tags: +Vienna2017

    Testing current implementation of the Views UI to verify labels

    dead_arm’s picture

    StatusFileSize
    new136.85 KB
    new296.23 KB
    new210.43 KB

    Began manual testing during the Vienna 2017 sprint with WAVE extension in Chrome.

    Views

    Views listing page

    admin/structure/views

    Input field has '#title' set and is visually hidden.
    Input with visually hidden label

    Views settings page

    admin/structure/views/settings
    Page passes.
    Views settings screenshot

    Advanced Views settings page

    admin/structure/views/settings/advanced
    Page passes.
    Advanced views settings

    Views UI

    The Views UI administration interface has many possible input combinations, so I spot checked the modals but will need to continue testing in order to provide a comprehensive evaluation and update.

    Version: 8.4.x-dev » 8.5.x-dev

    Drupal 8.4.4 was released on January 3, 2018 and is the final full bugfix release for the Drupal 8.4.x series. Drupal 8.4.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.5.0 on March 7, 2018. (Drupal 8.5.0-alpha1 is available for testing.)

    Bug reports should be targeted against the 8.5.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.6.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

    andrewmacpherson’s picture

    I did a survey of the filters at the top of various admin listings in core, before realising this issue existed, and filed #2942037: Admin list filter fields are inconsistently labelled.. These issues aren't exactly duplicates - the other one only looks at listing filters, but looks beyond views UI.

    Version: 8.5.x-dev » 8.6.x-dev

    Drupal 8.5.6 was released on August 1, 2018 and is the final bugfix release for the Drupal 8.5.x series. Drupal 8.5.x will not receive any further development aside from security fixes. Sites should prepare to update to 8.6.0 on September 5, 2018. (Drupal 8.6.0-rc1 is available for testing.)

    Bug reports should be targeted against the 8.6.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.7.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

    Version: 8.6.x-dev » 8.8.x-dev

    Drupal 8.6.x will not receive any further development aside from security fixes. Bug reports should be targeted against the 8.8.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.9.x-dev branch. For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

    Version: 8.8.x-dev » 8.9.x-dev

    Drupal 8.8.7 was released on June 3, 2020 and is the final full bugfix release for the Drupal 8.8.x series. Drupal 8.8.x will not receive any further development aside from security fixes. Sites should prepare to update to Drupal 8.9.0 or Drupal 9.0.0 for ongoing support.

    Bug reports should be targeted against the 8.9.x-dev branch from now on, and new development or disruptive changes should be targeted against the 9.1.x-dev branch. For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

    Version: 8.9.x-dev » 9.2.x-dev

    Drupal 8 is end-of-life as of November 17, 2021. There will not be further changes made to Drupal 8. Bugfixes are now made to the 9.3.x and higher branches only. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

    Version: 9.2.x-dev » 9.3.x-dev

    Version: 9.3.x-dev » 9.4.x-dev

    Drupal 9.3.15 was released on June 1st, 2022 and is the final full bugfix release for the Drupal 9.3.x series. Drupal 9.3.x will not receive any further development aside from security fixes. Drupal 9 bug reports should be targeted for the 9.4.x-dev branch from now on, and new development or disruptive changes should be targeted for the 9.5.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

    Version: 9.4.x-dev » 9.5.x-dev

    Drupal 9.4.9 was released on December 7, 2022 and is the final full bugfix release for the Drupal 9.4.x series. Drupal 9.4.x will not receive any further development aside from security fixes. Drupal 9 bug reports should be targeted for the 9.5.x-dev branch from now on, and new development or disruptive changes should be targeted for the 10.1.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

    Version: 9.5.x-dev » 11.x-dev

    Drupal core is moving towards using a “main” branch. As an interim step, a new 11.x branch has been opened, as Drupal.org infrastructure cannot currently fully support a branch named main. New developments and disruptive changes should now be targeted for the 11.x branch. For more information, see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

    kentr’s picture

    Version: 11.x-dev » main

    Drupal core is now using the main branch as the primary development branch. New developments and disruptive changes should now be targeted to the main branch.

    Read more in the announcement.

    kentr’s picture

    Version: main » 11.x-dev

    Regarding new labels becoming displayed as a result of #933004: Test that all form elements have a #title for accessibility, I've been hiding the new ones visually. Looks like that's what others have done also.

    Version: 11.x-dev » main

    Drupal core is now using the main branch as the primary development branch. New developments and disruptive changes should now be targeted to the main branch.

    Read more in the announcement.