FOCUS - PyData Sphinx enhancements and documentation

[trallard]

This follows on #21

The deliverables for this task are:

Design tasks

Preview Give feedback

1. Review the design system for focus state - links #32
   area: accessibility ♿ area: design 🎨 mission: access-centred ♿ mission: web themes 💻 team: quansight-labs type: task 📌 +6
   
2. PyData Sphinx - Review the design system for focus state - buttons, dropdowns #33
   4 of 4
   area: PyData-Sphinx area: accessibility ♿ area: design 🎨 mission: access-centred ♿ mission: web themes 💻 team: quansight-labs type: task 📌 +7
   
3. DOC - Add accessibility annotations to the design system on Figma #34
   area: PyData-Sphinx area: accessibility ♿ mission: access-centred ♿ +3
   
4. Fix: focus visible in PyData theme #37
   area: PyData-Sphinx area: accessibility ♿ +2
   
5. Dropdowns meet the criteria #35
   5 of 5
   area: accessibility ♿ area: design 🎨 +2
   
6. Buttons meet criteria #36
   area: accessibility ♿ area: design 🎨 +2
   
7. Tabbed items redesign (Sphinx Design) #44
   area: PyData-Sphinx area: accessibility ♿ area: design 🎨 +3
   
8. Input field needs focus (search) #46
   area: accessibility ♿ area: design 🎨 +2
   
9. ENH - Update icons style to meet criteria 1.4.1 #31
   area: accessibility ♿ +1
   

Development tasks

Preview Give feedback

1. Fix: focus visible in PyData theme #37
   area: PyData-Sphinx area: accessibility ♿ +2
   
2. Navbar items
3. Dropdowns meet the criteria #35
   5 of 5
   area: accessibility ♿ area: design 🎨 +2
   
4. Buttons meet criteria #36
   area: accessibility ♿ area: design 🎨 +2
   
5. Tabbed items redesign (Sphinx Design) #44
   area: PyData-Sphinx area: accessibility ♿ area: design 🎨 +3
   
6. Improve design for Collapsible Admonitions #43
   area: PyData-Sphinx area: accessibility ♿ +2
   
7. Update Playwright tests accordingly - do we need focus visible tests?
8. Input field needs focus (search) #46
   area: accessibility ♿ area: design 🎨 +2
   
9. ENH - Update icons style to meet criteria 1.4.1 #31
   area: accessibility ♿ +1
   

[trallard]

TODO:

• @smeragoel will mark items in the Figma file that are dev ready (https://www.figma.com/file/BHkBFxg1Qg0h5RApUw1ZrR/PyData-Design-system---Ongoing?type=design&node-id=2123%3A1013&mode=design&t=aDOPo2wNbFC7o5Xq-1)
• @gabalafou will work on the implementation of items (smaller PRs against the FOCUS improvements PR)