|
2 | 2 |
|
3 | 3 | ## tl;dr |
4 | 4 |
|
5 | | -We propose a semantic permission element with styling constraints that ensures a |
6 | | -very high level of confidence concerning *user intent* to make a permission |
7 | | -decision. We believe this solves user problems related to accessibility, |
8 | | -context, regret, and more. |
9 | | - |
10 | | -The permission element is designed to be more [accessible](#accessibility) and |
11 | | -more secure than the current permission flows. Full page modal confirmation UI |
12 | | -reduces the risk of change blindness and makes it more difficult for sites to |
13 | | -manipulate the user's decision making by obscuring site content during the |
14 | | -critical decision moment of the journey. |
15 | | - |
16 | | -A semantic element and modal UI are connected in the same proposal as accurately |
17 | | -capturing user intent is essential to reducing the modal's potential for user |
18 | | -annoyance. |
19 | | - |
20 | | -While we believe improvements to existing capability based permission flows can |
21 | | -and should be explored, we believe there to be limited headroom for |
22 | | -optimization, and that this proposal offers a significantly better user |
23 | | -experience for users and developers. |
| 5 | +We propose a semantic permission element with browser-controlled content and styling constraints that ensures a very high level of confidence concerning user intent to make a permission decision on site or OS level. PEPC unifies permission control by providing a clear, consistent, in-page point of access to manage permissions in both the browser & the OS. |
| 6 | +We believe this solves user problems related to accessibility, context, regret, and more. |
| 7 | +By combining a semantic HTML permission element (Image A) with a full-page modal confirmation UI (Image B, C) that applies a scrim to obscure underlying site content during the critical decision moment (making manipulation and change blindness more difficult), and by ensuring that browsers control the content in front of the user (Image A), PEPC enhances user intent capture, offering improved accessibility, security, and user-friendliness for both users and developers. Styling constraints are necessary to protect the browser-controlled content from being altered or removed by the site, ensuring that the content presented to users aligns with the browser's understanding of their intent. This offers a significantly better user experience than current permission flows through enhanced accessibility, security, and user-friendliness for both users and developers. |
| 8 | + |
| 9 | + <div style="display: flex;"> |
| 10 | + <img src="images/New_HTML_permission_element.png" style="height: 250px; margin-right: 15px; object-fit: contain;"> |
| 11 | + <img src="images/Browser_permission_prompt.png" style="height: 250px; margin-right: 15px; object-fit: contain;"> |
| 12 | + <img src="images/pepc_secondaryUI_animated.gif" style="height: 250px; object-fit: contain;"> |
| 13 | + <p style="margin-top: 5px;">A. New HTML Permission Element B. Browser permission prompt C. Combined</p> |
| 14 | +</div> |
| 15 | + |
24 | 16 |
|
25 | 17 | ## Table of Contents |
26 | 18 | <!-- TOC start --> |
|
0 commit comments