MetaMask / MetaMask/metamask-extension

Improve Settings page headings

Open
#19,391 1 comment 0 reactions 0 assignees View on GitHub
team-design-system
Dominant language
TypeScript
Stars
13.2k
Forks
5.6k
Avg merge
2d 5h
Merged PRs (30d)
451

Description

### Description
There is currently some inconsistency with the headings on the settings page that I noticed when reviewing the SRP quiz. Semantic HTML could also be greatly improved.

https://github.com/MetaMask/metamask-extension/assets/8112138/4ea46233-c7ec-4021-b231-5feb071443ec

## Technical Details
- Improve the styling and the sematic html of the settings page
- Update "Settings" to ``
- Update "General", "Advanced", "Contacts", "Security & privacy", "Alerts", "Networks", "Experimental", "About" to be to use ``

## Acceptance Criteria
- heading styles are consistent and show visual priority on all settings pages
- html headings are in order e.g. h1, h2, h3 etc

Contributor guide

Open the contributing guide

Research direction

Start by locating the settings page components and the existing Text usage for the Settings, General, Advanced, Contacts, Security & privacy, Alerts, Networks, Experimental, and About headings. Review how heading levels and styles are currently rendered, then verify that visual priority is consistent and the resulting HTML follows the required heading order across all settings pages.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
accessibility, design, frontend
Issue type
Refactor
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.