Browse Source

Accessibility improvements.

Pushkar Anand 4 years ago
parent
commit
8c3cd95b52

+ 1 - 1
src/pages/_app.tsx

@@ -85,7 +85,7 @@ export default function App({ Component, pageProps }) {
             <GlobalStyles />
             <Navbar>
                 <FlexContainer>
-                    <Image src="/icon.png" />
+                    <Image alt='logo' src="/icon.png" />
                     {constants.COMPANY_NAME}
                 </FlexContainer>
                 {user && <Button variant='link' onClick={logout}>

+ 5 - 1
src/pages/_document.tsx

@@ -32,9 +32,13 @@ export default class MyDocument extends Document {
 
     render() {
         return (
-            <Html>
+            <Html lang='en'>
                 <Head>
                     <title>ente.io | Privacy friendly alternative to Google Photos</title>
+                    <meta
+                        name="description"
+                        content="ente is a privacy friendly alternative to Google Photos that supports end-to-end encryption. Because memories are precious."
+                    />
                     <link rel="icon" href="/icon.png" type="image/png"/>
                 </Head>
                 <body>

+ 1 - 1
src/pages/credentials/index.tsx

@@ -70,7 +70,7 @@ export default function Credentials() {
     }
 
     return (<Container>
-        <Image src='/vault.svg' />
+        <Image alt='vault' src='/vault.svg' />
         <Card style={{ minWidth: '300px'}}>
             <Card.Body>
                 <p className="text-center">{constants.ENTER_PASSPHRASE}</p>

+ 1 - 1
src/pages/generate/index.tsx

@@ -77,7 +77,7 @@ export default function Generate() {
     }
     
     return (<Container>
-        <Image src='/vault.svg' />
+        <Image alt='vault' src='/vault.svg' />
         <Card>
             <Card.Body>
                 <div className="text-center">

+ 1 - 1
src/pages/verify/index.tsx

@@ -74,7 +74,7 @@ export default function Verify() {
     }
 
     return (<Container>
-        <Image src='/email_sent.svg' />
+        <Image alt='Email Sent' src='/email_sent.svg' />
         <Card style={{ minWidth: '300px' }} className="text-center">
             <Card.Body>
                 <Card.Title>{constants.VERIFY_EMAIL}</Card.Title>