Accessibility improvements.

This commit is contained in:
Pushkar Anand 2020-09-13 22:45:48 +05:30
parent d13448a18c
commit 8c3cd95b52
5 changed files with 9 additions and 5 deletions

View file

@ -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}>

View file

@ -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>

View file

@ -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>

View file

@ -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">

View file

@ -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>