When adding a view, a blind user can see "fields", "sort criteria", "filter criteria" and similar titles as headings. But, unfortunately, the related operations are shown before the headings, not after them. This is really confusing for new views user (it was one of my main issues with views) and increases very much the learning curve for new blind users.

Just to clarify, let me give an example of the structure that I would like to see (related to sort criteria):

  1. The "sort criteria" heading;
  2. The sort criteria that a view is currently using;
  3. The dropbutton to add a new sort criteria

Comments

falcon03’s picture

Title: Place dropbutton operations after thier heading » Place dropbutton operations after their heading

Correcting title.

dawehner’s picture

Priority: Major » Normal
Issue tags: +VDC

Compared to #1824634: [meta] Dropbutton accessibility issues this should be normal

Bojhan’s picture

Isnt this like a novice task?

This one is borderline major, I actually did the whole NVDA thing with your eyes closed. And this one is really confusing.

larowlan’s picture

Status: Active » Needs review
StatusFileSize
new22.71 KB
new22.51 KB
new695 bytes

Straight forward re-ordering of markup, screenshots attached.
Before
Screen Shot 2012-11-07 at 7.58.01 AM.png
After
Screen Shot 2012-11-07 at 7.58.23 AM.png

cb’s picture

Status: Needs review » Reviewed & tested by the community

Looks good. Patch applied and screen read with VoiceOver.

larowlan’s picture

Status: Reviewed & tested by the community » Needs review

works ok in voiceover/chrome/osx now

larowlan’s picture

Status: Needs review » Reviewed & tested by the community

cross post

dawehner’s picture

Nice work!

webchick’s picture

Status: Reviewed & tested by the community » Fixed

Committed and pushed to 8.x. Rock!

falcon03’s picture

Status: Fixed » Active

Sorry, I haven't had time to test the patch these days, I've been able to test it only today.

Things are better now. But I think that things related to the dropbutton should be placed between the heading and the dropbutton itself.

For instance, for the "sort criteria" the structure should be the one described in the issue summary. Actually, instead, it is as follows:

  1. the "sort criteria" heading;
  2. the dropbutton to add a new sort criteria
  3. The sort criteria that a view is currently using

I am re-opening this issue; I don't know if this should be a follow up.

mgifford’s picture

Issue tags: +a11ySprint

Hopefully we can sort through this in the issue and make a revision.

Yoshi’s picture

Status: Active » Needs review
StatusFileSize
new592 bytes

Moved the $content above the $actions. Seems to work.

dawehner’s picture

This looks good from the code site, but i'm wondering whether the visual output changes with that change? Maybe someone
should just post a screenshot.

falcon03’s picture

From the accessibility point of view it's perfect now. RTBC for me, but I am not changing the status due to dawehner request.

BTW: With the two small fixes in this issue we made two very big improvements to views accessibility! The placement of operations was really difficult to understand for new views blind users...

dawehner’s picture

Status: Needs review » Reviewed & tested by the community
StatusFileSize
new5.13 KB
new4.95 KB

So there is no visual difference before and after this change, it looks perfect!

Before

before.png

After

after.png

dries’s picture

Status: Reviewed & tested by the community » Fixed

Thanks! Committed to 8.x.

dawehner’s picture

Project: Drupal core » Views (for Drupal 7)
Version: 8.x-dev » 7.x-3.x-dev
Component: views_ui.module » User interface
Status: Fixed » Active
Issue tags: +Novice

Let's backport that.

ishadakota’s picture

Status: Active » Needs review
StatusFileSize
new674 bytes

patch for backport to D7

ishadakota’s picture

StatusFileSize
new672 bytes

oops, whitespace removed.

ishadakota’s picture

StatusFileSize
new19.88 KB
new19.62 KB

Screenshot before patch applied:
dropbuttond7port-before.png

Screenshot after patch applied:
dropbuttond7port-after.png

Appears visually unaltered.

dawehner’s picture

Status: Needs review » Reviewed & tested by the community

That is looking great!

falcon03’s picture

Project: Views (for Drupal 7) » Drupal core
Version: 7.x-3.x-dev » 8.x-dev
Component: User interface » views_ui.module
Status: Reviewed & tested by the community » Needs work

Guys, I don't know what happened. We have a problem: I don't know the reason why, but the situation at this time is the same as in #10...

I am sorry this issue is becoming confused, but I thought I'd better report the problem here.

dawehner’s picture

Well i have no clue why, but the HTML is fine.

mgifford’s picture

Status: Needs work » Needs review
Issue tags: -Novice, -Accessibility, -Needs backport to D7, -VDC, -a11ySprint

Status: Needs review » Needs work
Issue tags: +Novice, +Accessibility, +Needs backport to D7, +VDC, +a11ySprint

The last submitted patch, views-dropbutton-d7port-1826368-19.patch, failed testing.

shnark’s picture

I looked for the file mentioned in #12, that it sounds like Dries committed in #16.
It looks like it should have been in this file core/modules/views/views_ui/theme/views-ui-display-tab-bucket.tpl.php.
but, there is no theme directory in views_ui.

Where is this file now?

tim.plunkett’s picture

It was moved in #1805980: Rename /theme to /templates and theme.inc to views.theme.inc to core/modules/views/views_ui/templates/views-ui-display-tab-bucket.tpl.php

mgifford’s picture

Issue tags: -Novice, -VDC

@EllaTheHarpy are you able to reroll a new patch?

mgifford’s picture

I think the patch from #19 got it into core. From core/modules/views/views_ui/templates/views-ui-display-tab-bucket.tpl.php the HTML now looks like:

<div <?php print $attributes; ?>>
  <?php if (!empty($title)) : ?>
    <h3><?php print $title; ?></h3>
  <?php endif; ?>
  <?php print $content; ?>
  <?php if (!empty($actions)) : ?>
    <?php print $actions; ?>
  <?php endif; ?>
</div>

Now whether it is working properly or not is another issue, but it should be in the right order now.

dawehner’s picture

So this should be marked as fixed?

mgifford’s picture

Status: Needs work » Fixed
StatusFileSize
new257.89 KB

Yes, it seems to be. Attached a screenshot. HTML looks good. VoiceOver approaches this in the right order.

ishadakota’s picture

Project: Drupal core » Views (for Drupal 7)
Version: 8.x-dev » 7.x-3.x-dev
Component: views_ui.module » User interface
Status: Fixed » Needs review

The patch in #19 was a backport against Views-7.x-3.x. The patch in #12 was committed to core.

Changing the project and status in case backport is still needed/wanted.

ishadakota’s picture

chris matthews’s picture

Issue summary: View changes
Status: Needs review » Needs work
Issue tags: +Needs reroll

The 6 year old patch in #19 to views-ui-display-tab-bucket.tpl.php does not apply to the latest views 7.x-3.x-dev and if still applicable needs to be rerolled.

Checking patch theme/views-ui-display-tab-bucket.tpl.php...
error: while searching for:
?>
<div class="<?php print $classes; ?>" <?php print $attributes; ?>>
  <?php print $item_help_icon; ?>
  <?php if(!empty($actions)) : ?>
    <?php print $actions; ?>
  <?php endif; ?>
  <?php if (!empty($title)) : ?>
    <h3><?php print $title; ?></h3>
  <?php endif; ?>
  <?php print $content; ?>
</div>

error: patch failed: theme/views-ui-display-tab-bucket.tpl.php:7
error: theme/views-ui-display-tab-bucket.tpl.php: patch does not apply
andrew answer’s picture

Status: Needs work » Needs review
Issue tags: -Needs reroll
StatusFileSize
new646 bytes

Patch rerolled.