add alts for india grid

This commit is contained in:
caseymm 2021-10-20 10:55:24 -07:00
parent ddb1aaec8c
commit 2016380b34
3 changed files with 12 additions and 8 deletions

View file

@ -32,6 +32,7 @@ const Grid = props => (
title={item.title}
type={'project'}
views={item.stats.views}
alt={item.alt}
/>
);
}
@ -41,6 +42,7 @@ const Grid = props => (
key={key}
owner={item.owner}
src={item.image}
alt={item.alt}
title={item.title}
type={'gallery'}
/>

View file

@ -64,13 +64,6 @@ const colorIndex = countryNames.map(key => CountryUsage[key]['log count']);
const minColor = 'rgba(46, 142, 184, .05)';
const maxColor = 'rgba(46, 142, 184, 1)';
// const imgAlt = (phrase) => {
// // let html = <FormattedMessage id={phrase} />;
// let html = formatMessage({id: phrase})
// console.log(html);
// return html;
// }
// Create the div given a list of supporter names,
// this will contain two columns of names either of equal size
// or with the left column containing 1 more item than the right
@ -217,6 +210,10 @@ class AnnualReport extends React.Component {
}
render () {
IndiaProjects[0].alt = this.props.intl.formatMessage({id: 'annualReport.2020.altIndia1'});
IndiaProjects[1].alt = this.props.intl.formatMessage({id: 'annualReport.2020.altIndia2'});
IndiaProjects[2].alt = this.props.intl.formatMessage({id: 'annualReport.2020.altIndia3'});
IndiaProjects[3].alt = this.props.intl.formatMessage({id: 'annualReport.2020.altIndia4'});
// Element containing buttons to scroll to each of the sections in the
// annual report. The layout of this component will be different on
// different screen sizes (see below)

View file

@ -340,5 +340,10 @@
"annualReport.2020.altCatchGame": "An apple floats on the horizon to the right while a basket sits below toward the center of the frame.",
"annualReport.2020.altCharacterDesigner": "A dog sits in front of a green and white chevron background.",
"annualReport.2020.altVirtualPet": "A hedgehog sits on top of a rock in the middle of some grass.",
"annualReport.2020.altLookingForward": "A watering tree waters a sapling that grows into a tall tree."
"annualReport.2020.altLookingForward": "A watering tree waters a sapling that grows into a tall tree.",
"annualReport.2020.altIndia1": "A lit sparkler appears below text saying \"happy Diwali!\"",
"annualReport.2020.altIndia2": "The scratch cat mascot appears next to some text written in Hindi",
"annualReport.2020.altIndia3": "An Indian woman appears in front of the Indian flag which has a heart containing the word \"India\" on it.",
"annualReport.2020.altIndia4": "Two hands appear over a flute in front of a background containing a boardwalk and sea."
}