Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility - Settings - Dismiss button #532

Merged
merged 2 commits into from
Dec 20, 2018

Conversation

dusi
Copy link
Contributor

@dusi dusi commented Dec 19, 2018

📲 What

Adds accessibility label to the dismiss button & fixes the minimum width of the button in order to follow HIG best practices for tappable elements (44x44 pts)

🤔 Why

Better accessibility

🛠 How

Simply adding accessibility label (this will prevent from using the image name)

👀 See

Before After
screen shot 2018-12-19 at 2 32 17 pm screen shot 2018-12-19 at 2 33 59 pm
screen shot 2018-12-19 at 2 32 26 pm screen shot 2018-12-19 at 2 34 58 pm

✅ Acceptance criteria

  • Voice Over reads the dismiss button as "Dismiss - Button" (please not that this is localized)
  • Accessibility Inspector doesn't show min-width warning when running the audit on Settings screen

@dusi dusi assigned dusi and ifbarrera and unassigned dusi Dec 20, 2018
Copy link
Contributor

@ifbarrera ifbarrera left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just a small suggestion, AC's look good to me!

target: self,
action: #selector(closeButtonPressed)
)
leftBarButtonItem.accessibilityLabel = Strings.Dismiss()
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is it possible to use the key path setters here?
_ = leftBarButtonItem |> \.accessibilityLabel %~ { _ in Strings.Dismiss }

@dusi
Copy link
Contributor Author

dusi commented Dec 20, 2018

@dusi
Copy link
Contributor Author

dusi commented Dec 20, 2018

Addressed your feedback.

@ifbarrera could you please try the ACs on both iOS 10 / iOS 11 devices? Just to be sure nothing is out of ordinary. Our device list in YVR is very sparse at the moment.

@ifbarrera
Copy link
Contributor

Tested on iPhone 7 (10.3) and iPhone 8 (11.4) simulators using the accessibility inspector.

@dusi dusi merged commit 8a08356 into a11y-settings Dec 20, 2018
dusi added a commit that referenced this pull request Jan 3, 2019
* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths
@dusi dusi deleted the a11y-settings-dismiss-button branch January 4, 2019 00:02
dusi added a commit that referenced this pull request Jan 7, 2019
* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths
@dusi dusi mentioned this pull request Jan 7, 2019
dusi added a commit that referenced this pull request Jan 8, 2019
* Accessibility - Settings - Dismiss button (#532)

* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths

* Accessibility - Settings - Rows (#534)

* Add button traits to settings cells

* Invert disclosure indicators in Settings > Help

* Add accessibility hint in case email is unverified (#535)

* Focuses Voice Over on the banner when presented

* Delay banner dismissal a bit more when VoiceOver is ON

* Localize banner message
dusi added a commit that referenced this pull request Jan 8, 2019
* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths
dusi added a commit that referenced this pull request Jan 8, 2019
* Accessibility - Settings - Dismiss button (#532)

* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths

* Accessibility - Settings - Rows (#534)

* Add button traits to settings cells

* Invert disclosure indicators in Settings > Help

* Add accessibility hint in case email is unverified (#535)

* Focuses Voice Over on the banner when presented

* Delay banner dismissal a bit more when VoiceOver is ON

* Localize banner message
cdolm92 added a commit that referenced this pull request Jan 9, 2019
* Accessibility - Settings - Dismiss button (#532)

* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths

* Accessibility - Settings - Rows (#534)

* Add button traits to settings cells

* Invert disclosure indicators in Settings > Help

* Accessibility - Settings - Dismiss button (#532)

* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths

* Accessibility - Settings - Rows (#534)

* Add button traits to settings cells

* Invert disclosure indicators in Settings > Help

* Add accessibility hint in case email is unverified (#535)

* Accessibility - Settings - Change email - Current email (#537)

* Group current email title and value for a better accessibility

* Simplify the way we set accessibility label on current email container

* a11y for notification settings

* swiftlint fix
dusi added a commit that referenced this pull request Jan 17, 2019
* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths
dusi added a commit that referenced this pull request Jan 17, 2019
* Accessibility - Settings - Dismiss button (#532)

* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths

* Accessibility - Settings - Rows (#534)

* Add button traits to settings cells

* Invert disclosure indicators in Settings > Help

* Add accessibility hint in case email is unverified (#535)

* Focuses Voice Over on the banner when presented

* Delay banner dismissal a bit more when VoiceOver is ON

* Localize banner message
dusi pushed a commit that referenced this pull request Jan 17, 2019
* Accessibility - Settings - Dismiss button (#532)

* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths

* Accessibility - Settings - Rows (#534)

* Add button traits to settings cells

* Invert disclosure indicators in Settings > Help

* Accessibility - Settings - Dismiss button (#532)

* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths

* Accessibility - Settings - Rows (#534)

* Add button traits to settings cells

* Invert disclosure indicators in Settings > Help

* Add accessibility hint in case email is unverified (#535)

* Accessibility - Settings - Change email - Current email (#537)

* Group current email title and value for a better accessibility

* Simplify the way we set accessibility label on current email container

* a11y for notification settings

* swiftlint fix
dusi added a commit that referenced this pull request Jan 29, 2019
* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths
dusi added a commit that referenced this pull request Jan 29, 2019
* Accessibility - Settings - Dismiss button (#532)

* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths

* Accessibility - Settings - Rows (#534)

* Add button traits to settings cells

* Invert disclosure indicators in Settings > Help

* Add accessibility hint in case email is unverified (#535)

* Focuses Voice Over on the banner when presented

* Delay banner dismissal a bit more when VoiceOver is ON

* Localize banner message
dusi pushed a commit that referenced this pull request Jan 29, 2019
* Accessibility - Settings - Dismiss button (#532)

* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths

* Accessibility - Settings - Rows (#534)

* Add button traits to settings cells

* Invert disclosure indicators in Settings > Help

* Accessibility - Settings - Dismiss button (#532)

* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths

* Accessibility - Settings - Rows (#534)

* Add button traits to settings cells

* Invert disclosure indicators in Settings > Help

* Add accessibility hint in case email is unverified (#535)

* Accessibility - Settings - Change email - Current email (#537)

* Group current email title and value for a better accessibility

* Simplify the way we set accessibility label on current email container

* a11y for notification settings

* swiftlint fix
dusi added a commit that referenced this pull request Feb 6, 2019
* Accessibility - Settings - Dismiss button (#532)

* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths

* Accessibility - Settings - Rows (#534)

* Add button traits to settings cells

* Invert disclosure indicators in Settings > Help

* Add accessibility hint in case email is unverified (#535)

* Accessibility - Settings - Change email - Current email (#537)

* Group current email title and value for a better accessibility

* Simplify the way we set accessibility label on current email container

* ♿️ - Settings - Message Banner (#539)

* Accessibility - Settings - Dismiss button (#532)

* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths

* Accessibility - Settings - Rows (#534)

* Add button traits to settings cells

* Invert disclosure indicators in Settings > Help

* Add accessibility hint in case email is unverified (#535)

* Focuses Voice Over on the banner when presented

* Delay banner dismissal a bit more when VoiceOver is ON

* Localize banner message

* Expose delete my kickstarter account button instead of the label (#549)

* ♿️- Settings - Notifications - Heading  (#550)

* Accessibility - Settings - Dismiss button (#532)

* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths

* Accessibility - Settings - Rows (#534)

* Add button traits to settings cells

* Invert disclosure indicators in Settings > Help

* Accessibility - Settings - Dismiss button (#532)

* Add accessibility label to dismiss button & fix the minimum width

* Set navigation item properties using key paths

* Accessibility - Settings - Rows (#534)

* Add button traits to settings cells

* Invert disclosure indicators in Settings > Help

* Add accessibility hint in case email is unverified (#535)

* Accessibility - Settings - Change email - Current email (#537)

* Group current email title and value for a better accessibility

* Simplify the way we set accessibility label on current email container

* a11y for notification settings

* swiftlint fix

* ♿️- Settings - Change email / Change password input fields (#545)

* textfield a11y improvement in change email and password screens

* change stackview alignment

* new snapshots

* fixed strings

* ♿️ - Settings - Switch Toggle Rows  (#544)

* Fix newsletter switch cell accessibility

* Fix project notifications switch cell accessibility

* Fix settings privacy switch cell accessibility

* Refocus VoiceOver on the cell when the confirmation dialog disappears

* Place UIAccessibility notification behind a VoiceOver running check

* Prevent refreshing the following cell when confirming the alert dialogue

* Alphabetize properties

* Localize properly

* ♿️ - Settings - Notifications - Daily Digest picker bug (#547)

* corrected picker view hidden in iphone X in VM

* Library tests

* Update snapshot tests

* vm and snapshot tests

* snapshot tests

* wip - digest picker is selected

* properly aligned tableview constraint

* removed output to hide picker

* emailPickerViewHeight

* VoiceOver re-focuses on the Email frequency cell

* adjusted animation added guard

* changed comment

* Update Kickstarter-iOS/Views/Controllers/SettingsNotificationsViewController.swift

Co-Authored-By: cdolm92 <cdolm92@gmail.com>

* Apply suggestions from code review

comments adjustment

Co-Authored-By: cdolm92 <cdolm92@gmail.com>

* Update Kickstarter-iOS/Views/Controllers/SettingsNotificationsViewController.swift

Co-Authored-By: cdolm92 <cdolm92@gmail.com>

* ♿️ - Settings > Notifications - Manage project notifications + Email frequency (#552)

* Add button traits to project notifications & email frequency rows

* Remove unused accessibility hint

* Remove accessibility value

* Infer UIView.AnimationOptions type

* Combine conditions

* Use more functional return

Co-Authored-By: dusi <pavel.dusatko@gmail.com>

* Fix Github's messed up suggestion

* Update accessibility label to better match with localized server errors

* Add localized string

* Use localized string

* Align filter

* Remove unused call to setNeedsLayout
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants