Accessibility mark iii

[etoledom]

Closes #675

Description

This PR makes the page switch buttons on the profile card accessible with a label for Voice Over.

• Note that the design itself is not good for accessibility, and grouping all the card together will make it difficult for the system to read out the image description. So I decided to go with the simpler route and name the buttons appropriately, even with the confusion of the position change for voice over users.

We also mix the textfield title and value together as one accessibility element in the About Editor page, which is the recommendation for these cases.

Testing Steps

• Run the demo app
• Go to Quick Editor demo
• Present the quick editor with the Avatar & About scope
• Turn ON Voice Over
  • Check that Voice Over reads the label on the page switch buttons.
  • Check that on the About Editor page, Voice Over reads the title and the fields content together, and does not interact with the title label.

[wpmobilebot]

📲 You can test the changes from this Pull Request in Gravatar Prototype Build by scanning the QR code below to install the corresponding build.

	App Name	Gravatar Prototype Build
	Build Number	2421
	Version	PR #779
	Bundle ID	com.automattic.gravatar-sdk-demo-uikit.prototype-build
	Commit	e4f9941
	Installation URL	5ln98vt5a2adg

Automatticians: You can use our internal self-serve MC tool to give yourself access to those builds if needed.

[pinarol]

Looks and works good 🎉