143 return (
144 <Stack className={classes.noResultsStack}>
145 <Text>{t('common:search.no-results-adjust')}</Text>
146 <CrisisSupport role='national'>147 {data.map((result) => (
148 <CrisisSupport.National data={result} key={result.id} />
149 ))}
221 {!isTablet && (
222 <Grid.Col order={2}>
223 <Stack spacing={40}>
224 <ContactSection role='org' parentId={data.id} />225 {sidebar}
226 </Stack>
227 </Grid.Col>
211 {isTablet && (
212 <Stack spacing={40} w='100%'>
213 <Divider />
214 <ContactSection role='org' parentId={data.id} />215 {sidebar}
216 </Stack>
217 )}
163 {!isTablet && (
164 <Grid.Col order={2}>
165 <Stack spacing={40}>
166 <ContactSection role='org' parentId={data.id} />167 <VisitCard locationId={data.id} />
168 </Stack>
169 </Grid.Col>
115 {isTablet && (
116 <Stack spacing={40} w='100%'>
117 <Divider />
118 <ContactSection role='org' parentId={data.id} />119 <Divider />
120 <VisitCard locationId={data.id} />
121 </Stack>
<div role="datepicker"></div> <!-- Bad: "datepicker" is not an ARIA role -->
<div role="range"></div> <!-- Bad: "range" is an _abstract_ ARIA role -->
<div role=""></div> <!-- Bad: An empty ARIA role is not allowed -->
<Foo role={role}></Foo> <!-- Bad: ignoreNonDOM is set to false or not set -->
<div role="button"></div> <!-- Good: "button" is a valid ARIA role -->
<div role={role}></div> <!-- Good: role is a variable & cannot be determined until runtime. -->
<div></div> <!-- Good: No ARIA role -->
<Foo role={role}></Foo> <!-- Good: ignoreNonDOM is set to true -->