Closed Bug 1030352 Opened 10 years ago Closed 10 years ago

Delete/undo-delete phone number button in edit dialog does not have an accessibility label.

Categories

(Firefox OS Graveyard :: Gaia::Contacts, defect)

All
Gonk (Firefox OS)
defect
Not set
normal

Tracking

(Not tracked)

RESOLVED FIXED

People

(Reporter: eeejay, Assigned: mancas)

References

Details

(Keywords: access, Whiteboard: [b2ga11y p=1][good first bug])

Attachments

(1 file)

Also, this markup shows two nested buttons, this is wrong:

<button class="fillflow-row-action" id="img-delete-button">
  <span class="icon-delete" role="button"></span>
</button>
Re-aligning priorities with 2.1 accessibility goals.
Whiteboard: [b2ga11y p=1]
Whiteboard: [b2ga11y p=1] → --do_not_change-- [good first bug]
Whiteboard: --do_not_change-- [good first bug] → [b2ga11y p=1][good first bug]
QA Whiteboard: yzenevich@mozilla.com, eitan@monotonous.org
I've added the aria-label attribute to this button in order to make it accessible to the Screen reader
Attachment #8453683 - Flags: review?(etienne)
Comment on attachment 8453683 [details] [review]
Localizing the aria-label attribute in the button

redirecting to a contact peer
Attachment #8453683 - Flags: review?(etienne) → review?(francisco)
Comment on attachment 8453683 [details] [review]
Localizing the aria-label attribute in the button

Redirecting to Sergi, I'm a bit overloaded and don't want this patch to be in my queue forever.

Thanks!
Attachment #8453683 - Flags: review?(francisco) → review?(sergi.mansilla)
Assignee: nobody → b.mcb
Hi, I added a couple of comments in the PR. Also, the markup still seems to be semantically wrong as mentioned in comment 0.
Also, please use a11y-review flag for all bugs that have a keyword 'access'.
(In reply to Yura Zenevich [:yzen] from comment #6)
> Also, please use a11y-review flag for all bugs that have a keyword 'access'.

Hi Yura, please take a look at the PR. I've made some changes. Regarding the comment0, I think it's another different bug and we need more info from UX to resolve it, because if we change the markup, I'm sure the CSS will break.
Flags: a11y-review?
Comment on attachment 8453683 [details] [review]
Localizing the aria-label attribute in the button

Looks good, thanks!
Attachment #8453683 - Flags: review?(sergi.mansilla) → review+
Flags: a11y-review? → a11y-review+
Attachment #8453683 - Flags: a11y-review? → a11y-review?(yzenevich)
Flags: a11y-review+
Sorry had to remove the a11y-review+: could you change the string 'Remove field' to just 'Remove', thanks!
In addition to Yura's feedback, I think the button should keep the same label of "Remove", and be a toggle button. That will be much more intuitive than a button that changes its label. I put details in the PR about how that is done.
(In reply to Yura Zenevich [:yzen] from comment #9)
> Sorry had to remove the a11y-review+: could you change the string 'Remove
> field' to just 'Remove', thanks!

I've changed the string. Please take a look. Thanks
(In reply to Manuel Casas Barrado [:mancas] from comment #11)
> (In reply to Yura Zenevich [:yzen] from comment #9)
> > Sorry had to remove the a11y-review+: could you change the string 'Remove
> > field' to just 'Remove', thanks!
> 
> I've changed the string. Please take a look. Thanks

One more comment in the PR. Thanks.
(In reply to Yura Zenevich [:yzen] from comment #12)
> (In reply to Manuel Casas Barrado [:mancas] from comment #11)
> > (In reply to Yura Zenevich [:yzen] from comment #9)
> > > Sorry had to remove the a11y-review+: could you change the string 'Remove
> > > field' to just 'Remove', thanks!
> > 
> > I've changed the string. Please take a look. Thanks
> 
> One more comment in the PR. Thanks.

Done! Thanks
Comment on attachment 8453683 [details] [review]
Localizing the aria-label attribute in the button

Thanks! a11y-review=me with just 2 nits (commented on Github PR).
Attachment #8453683 - Flags: a11y-review?(yzenevich) → a11y-review+
Attachment #8453683 - Flags: a11y-review+ → a11y-review?(yzenevich)
(In reply to Yura Zenevich [:yzen] from comment #14)
> Comment on attachment 8453683 [details] [review]
> Localizing the aria-label attribute in the button
> 
> Thanks! a11y-review=me with just 2 nits (commented on Github PR).

Everything done! Let me know if there is something wrong

Thanks
Comment on attachment 8453683 [details] [review]
Localizing the aria-label attribute in the button

Thanks Manuel, all looks and works great!
Attachment #8453683 - Flags: a11y-review?(yzenevich) → a11y-review+
master: 9dd4bf0ad0b0397ef9e3664fa52d00bde7d46d1d
Status: NEW → RESOLVED
Closed: 10 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: