jakob/PairDrop
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

increase seo by adding an aria-label and removing 'user-scalable=no'

Browse source
This commit is contained in:
schlagmichdoch 2023-04-20 21:40:26 +02:00
parent 8de899f124
commit 5c3f5ece7d
2 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
public/index.html
View file

@ -6,7 +6,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- Web App Config --> <!-- Web App Config -->
<title>PairDrop</title> <title>PairDrop</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#3367d6"> <meta name="theme-color" content="#3367d6">
<meta name="color-scheme" content="dark light"> <meta name="color-scheme" content="dark light">
<meta name="apple-mobile-web-app-capable" content="no"> <meta name="apple-mobile-web-app-capable" content="no">
@ -39,24 +39,24 @@
<body translate="no"> <body translate="no">
<header class="row-reverse"> <header class="row-reverse">
<a href="#about" class="icon-button" title="About PairDrop"> <a href="#about" class="icon-button" title="About PairDrop" aria-label="Open About PairDrop">
<svg class="icon"> <svg class="icon">
<use xlink:href="#info-outline" /> <use xlink:href="#info-outline" />
</svg> </svg>
</a> </a>
<div id="theme-wrapper"> <div id="theme-wrapper">
<div id="theme-auto" class="icon-button selected" title="Adapt to System" > <div id="theme-auto" class="icon-button selected" title="Adapt Theme to System" >
<svg class="icon"> <svg class="icon">
<use xlink:href="#icon-theme-auto" /> <use xlink:href="#icon-theme-auto" />
</svg> </svg>
</div> </div>
<div> <div>
<div id="theme-light" class="icon-button" title="Always Light" > <div id="theme-light" class="icon-button" title="Always Use Light-Theme" >
<svg class="icon"> <svg class="icon">
<use xlink:href="#icon-theme-light" /> <use xlink:href="#icon-theme-light" />
</svg> </svg>
</div> </div>
<div id="theme-dark" class="icon-button" title="Always Dark" > <div id="theme-dark" class="icon-button" title="Always Use Dark-Theme" >
<svg class="icon"> <svg class="icon">
<use xlink:href="#icon-theme-dark" /> <use xlink:href="#icon-theme-dark" />
</svg> </svg>
@ -264,7 +264,7 @@
<!-- About Page --> <!-- About Page -->
<x-about id="about" class="full center column"> <x-about id="about" class="full center column">
<header class="row-reverse fade-in"> <header class="row-reverse fade-in">
<a href="#" class="close icon-button"> <a href="#" class="close icon-button" aria-label="Close About PairDrop">
<svg class="icon"> <svg class="icon">
<use xlink:href="#close-icon" /> <use xlink:href="#close-icon" />
</svg> </svg>

12
public_included_ws_fallback/index.html
View file

@ -6,7 +6,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- Web App Config --> <!-- Web App Config -->
<title>PairDrop</title> <title>PairDrop</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#3367d6"> <meta name="theme-color" content="#3367d6">
<meta name="color-scheme" content="dark light"> <meta name="color-scheme" content="dark light">
<meta name="apple-mobile-web-app-capable" content="no"> <meta name="apple-mobile-web-app-capable" content="no">
@ -39,24 +39,24 @@
<body translate="no"> <body translate="no">
<header class="row-reverse"> <header class="row-reverse">
<a href="#about" class="icon-button" title="About PairDrop"> <a href="#about" class="icon-button" title="About PairDrop" aria-label="Open About PairDrop">
<svg class="icon"> <svg class="icon">
<use xlink:href="#info-outline" /> <use xlink:href="#info-outline" />
</svg> </svg>
</a> </a>
<div id="theme-wrapper"> <div id="theme-wrapper">
<div id="theme-auto" class="icon-button selected" title="Adapt to System" > <div id="theme-auto" class="icon-button selected" title="Adapt Theme to System" >
<svg class="icon"> <svg class="icon">
<use xlink:href="#icon-theme-auto" /> <use xlink:href="#icon-theme-auto" />
</svg> </svg>
</div> </div>
<div> <div>
<div id="theme-light" class="icon-button" title="Always Light" > <div id="theme-light" class="icon-button" title="Always Use Light-Theme" >
<svg class="icon"> <svg class="icon">
<use xlink:href="#icon-theme-light" /> <use xlink:href="#icon-theme-light" />
</svg> </svg>
</div> </div>
<div id="theme-dark" class="icon-button" title="Always Dark" > <div id="theme-dark" class="icon-button" title="Always Use Dark-Theme" >
<svg class="icon"> <svg class="icon">
<use xlink:href="#icon-theme-dark" /> <use xlink:href="#icon-theme-dark" />
</svg> </svg>
@ -267,7 +267,7 @@
<!-- About Page --> <!-- About Page -->
<x-about id="about" class="full center column"> <x-about id="about" class="full center column">
<header class="row-reverse fade-in"> <header class="row-reverse fade-in">
<a href="#" class="close icon-button"> <a href="#" class="close icon-button" aria-label="Close About PairDrop">
<svg class="icon"> <svg class="icon">
<use xlink:href="#close-icon" /> <use xlink:href="#close-icon" />
</svg> </svg>