瀏覽代碼

Accessibility improvements.

Pushkar Anand 4 年之前
父節點
當前提交
8c3cd95b52
共有 5 個文件被更改,包括 9 次插入5 次删除
  1. 1 1
      src/pages/_app.tsx
  2. 5 1
      src/pages/_document.tsx
  3. 1 1
      src/pages/credentials/index.tsx
  4. 1 1
      src/pages/generate/index.tsx
  5. 1 1
      src/pages/verify/index.tsx

+ 1 - 1
src/pages/_app.tsx

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

+ 5 - 1
src/pages/_document.tsx

@@ -32,9 +32,13 @@ export default class MyDocument extends Document {
 
 
     render() {
     render() {
         return (
         return (
-            <Html>
+            <Html lang='en'>
                 <Head>
                 <Head>
                     <title>ente.io | Privacy friendly alternative to Google Photos</title>
                     <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"/>
                     <link rel="icon" href="/icon.png" type="image/png"/>
                 </Head>
                 </Head>
                 <body>
                 <body>

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

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

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

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