diff --git a/packages/core/src/block/Block.tsx b/packages/core/src/block/Block.tsx
index c8c20c709..01d5487bf 100644
--- a/packages/core/src/block/Block.tsx
+++ b/packages/core/src/block/Block.tsx
@@ -13,6 +13,8 @@ export interface BlockProps {
 
 export const Block: FC<BlockProps> = (props) => (
   <Card
+    role="section"
+    aria-label="block"
     r={10}
     tabIndex={props.tabIndex}
     s={props.hover || props.focus || props.active ? '0 10px 24px 0 rgba(0,0,0,0.08)' : '0 1px 2px 0 rgba(0,0,0,0.12)'}
diff --git a/packages/core/src/field/OptionField.tsx b/packages/core/src/field/OptionField.tsx
index 05fe07453..49d874ab8 100644
--- a/packages/core/src/field/OptionField.tsx
+++ b/packages/core/src/field/OptionField.tsx
@@ -1,13 +1,14 @@
-import React, {ReactNode, FocusEventHandler, KeyboardEventHandler} from 'react'
+import React, {FocusEventHandler, KeyboardEventHandler, ReactNode} from 'react'
 
 import styled from '../styled'
-import {Typo, Box, Flex, FlexItem, BoxProps} from '../primitive'
+import {Box, BoxProps, Flex, FlexItem, Typo} from '../primitive'
 import {Spacer} from '../spacer'
 
 export interface OptionFieldProps {
   title?: ReactNode
   hint?: ReactNode
   help?: ReactNode
+  role?: string
   tabIndex?: number
   autoFocus?: boolean
   onFocus: FocusEventHandler
@@ -33,6 +34,8 @@ export const OptionField: React.FunctionComponent<OptionFieldProps> = (props) =>
       <Input
         tabIndex={props.tabIndex}
         autoFocus={props.autoFocus}
+        role={props.role}
+        aria-label={typeof props.title === 'string' ? props.title : undefined}
         onFocus={props.onFocus}
         onBlur={props.onBlur}
         onKeyDown={props.onKeyDown}
diff --git a/packages/core/src/field/OptionFieldItem.tsx b/packages/core/src/field/OptionFieldItem.tsx
index f4031556e..71ee2c51c 100644
--- a/packages/core/src/field/OptionFieldItem.tsx
+++ b/packages/core/src/field/OptionFieldItem.tsx
@@ -1,12 +1,14 @@
-import React, {ReactNode, MouseEventHandler} from 'react'
+import React, {MouseEventHandler, ReactNode} from 'react'
 
-import {Box, Pos, Typo, Flex} from '../primitive'
+import {Box, Flex, Pos, Typo} from '../primitive'
 
 export interface OptionFieldItemProps {
+  checked?: boolean
   disabled?: boolean
   reverse?: boolean
+  role?: string
   icon: ReactNode
-  label: ReactNode
+  label: string
   description?: ReactNode
   onClick: MouseEventHandler
   onMouseEnter: MouseEventHandler
@@ -14,6 +16,7 @@ export interface OptionFieldItemProps {
 }
 
 export const OptionFieldItem: React.FunctionComponent<OptionFieldItemProps> = ({
+  checked,
   disabled,
   icon,
   label,
@@ -24,6 +27,9 @@ export const OptionFieldItem: React.FunctionComponent<OptionFieldItemProps> = ({
   reverse,
 }) => (
   <Pos
+    role="menuitemcheckbox"
+    aria-checked={checked ? 'true' : 'false'}
+    aria-label={label}
     type="relative"
     cursor={disabled ? 'not-allowed' : 'pointer'}
     onClick={onClick}
diff --git a/packages/core/src/grid/Grid.tsx b/packages/core/src/grid/Grid.tsx
index 48757d69f..d373de3e5 100644
--- a/packages/core/src/grid/Grid.tsx
+++ b/packages/core/src/grid/Grid.tsx
@@ -23,7 +23,7 @@ export const Grid: FC<GridProps> = ({gutter = 20, columns = 12, layout = columns
   const rowBlocksCount: number = columns / layoutSum * layoutLength
 
   return (
-    <Flex wrap="wrap">
+    <Flex wrap="wrap" role="section" aria-label="grid">
       {Children.map(elements, (child: ReactNode, index: number) => (
         <FlexItem
           key={index}
diff --git a/packages/core/src/icon/Icon.tsx b/packages/core/src/icon/Icon.tsx
index 3e0a6066e..946c74111 100644
--- a/packages/core/src/icon/Icon.tsx
+++ b/packages/core/src/icon/Icon.tsx
@@ -200,7 +200,7 @@ export const Icon: FC<IconProps> = ({
   size = 6,
   color = '#000',
 }) => (
-  <Svg width={size} height={size} viewBox="0 0 24 24" focusable="false">
+  <Svg width={size} height={size} viewBox="0 0 24 24" focusable="false" role="img" alt={name}>
     <Path d={IconPaths[name]} fill={color}/>
   </Svg>
 )
diff --git a/packages/core/src/image/Image.tsx b/packages/core/src/image/Image.tsx
index ac11ccb24..07106e94e 100644
--- a/packages/core/src/image/Image.tsx
+++ b/packages/core/src/image/Image.tsx
@@ -36,6 +36,7 @@ export const Image: FC<ImageProps> = ({
       children={(renderProps) => (
         renderProps.loaded ? (
           <Img
+            role="img"
             key={src}
             width={width}
             height={height}
diff --git a/packages/core/src/input/BasicInput.tsx b/packages/core/src/input/BasicInput.tsx
index e68b00d61..75f132cb1 100644
--- a/packages/core/src/input/BasicInput.tsx
+++ b/packages/core/src/input/BasicInput.tsx
@@ -54,6 +54,7 @@ export const BasicInput: FunctionComponent<BasicInputProps> = (props) => {
     onBlur: props.onBlur,
     onKeyDown: props.onKeyDown,
     onKeyUp: props.onKeyUp,
+    role: 'textbox',
   }
   return (
     props.mask ? (
diff --git a/packages/core/src/link/LinkControl.tsx b/packages/core/src/link/LinkControl.tsx
index 1522d3684..c5bec5822 100644
--- a/packages/core/src/link/LinkControl.tsx
+++ b/packages/core/src/link/LinkControl.tsx
@@ -7,6 +7,7 @@ export interface LinkControlProps {
   onFocus?: () => void
   onBlur?: () => void
   href?: string
+  title?: string
   target?: string
   download?: string | boolean
   rel?: string
diff --git a/packages/core/src/primitive/Svg.ts b/packages/core/src/primitive/Svg.ts
index 1870e6bae..ec1fdb491 100644
--- a/packages/core/src/primitive/Svg.ts
+++ b/packages/core/src/primitive/Svg.ts
@@ -9,6 +9,7 @@ interface SvgProps {
   transition?: string
   transform?: string
   transformOrigin?: string
+  alt?: string
 }
 
 export const SvgNonProps = ['width', 'height', 'animation', 'transition', 'transform', 'transformOrigin']
diff --git a/packages/desktop/src/block-accordion/BlockAccordion.tsx b/packages/desktop/src/block-accordion/BlockAccordion.tsx
index 649519f73..87b53a28a 100644
--- a/packages/desktop/src/block-accordion/BlockAccordion.tsx
+++ b/packages/desktop/src/block-accordion/BlockAccordion.tsx
@@ -27,6 +27,7 @@ const BlockAccordionIndent: {
 
 export const BlockAccordion: FunctionComponent<BlockAccordionProps<BlockAccordionItemModel>> = ({items, indent = 'm', tabIndex = 0, opened, onChange}) => (
   <AccordionControl<BlockAccordionItemModel>
+
     items={items}
     opened={opened}
     onChange={onChange}
@@ -35,6 +36,8 @@ export const BlockAccordion: FunctionComponent<BlockAccordionProps<BlockAccordio
         {renderProps.items.map((item, index) => (
           <Card
             key={index}
+            role="region"
+            aria-label={typeof item.title === 'string' ? item.title : undefined}
             s={
               item.hovered || item.focused
                 ? '0 0 16px 0 rgba(0, 0, 0, 0.12)'
diff --git a/packages/desktop/src/block-content/BlockContent.tsx b/packages/desktop/src/block-content/BlockContent.tsx
index f6c5948b4..bbecaabd7 100644
--- a/packages/desktop/src/block-content/BlockContent.tsx
+++ b/packages/desktop/src/block-content/BlockContent.tsx
@@ -14,6 +14,8 @@ const BlockContentIdent: { [indent in NonNullable<BlockContentProps['indent']>]:
 
 export const BlockContent: FC<BlockContentProps> = ({indent = 'm', children}) => (
   <Box
+    role="section"
+    aria-label="content"
     p={BlockContentIdent[indent]}
     children={children}
   />
diff --git a/packages/desktop/src/breadcrumbs/Breadcrumbs.md b/packages/desktop/src/breadcrumbs/Breadcrumbs.md
index c8130c797..e6b031bed 100644
--- a/packages/desktop/src/breadcrumbs/Breadcrumbs.md
+++ b/packages/desktop/src/breadcrumbs/Breadcrumbs.md
@@ -1,6 +1,7 @@
 ```jsx
 <Spacer size="xl">
   <Breadcrumbs
+    title="Хлебные крошки"
     children={[
       {href: 'https://qiwi.com/', children: 'Главная'},
       {href: 'https://qiwi.com/support/', children: 'Помощь'},
diff --git a/packages/desktop/src/breadcrumbs/Breadcrumbs.tsx b/packages/desktop/src/breadcrumbs/Breadcrumbs.tsx
index eff04762f..d369fc7b3 100644
--- a/packages/desktop/src/breadcrumbs/Breadcrumbs.tsx
+++ b/packages/desktop/src/breadcrumbs/Breadcrumbs.tsx
@@ -4,25 +4,28 @@ import {NavLink, NavLinkProps} from '../nav-link'
 import {Paragraph} from '../typography'
 
 export interface BreadcrumbsProps {
+  title?: string
   children: NavLinkProps[]
 }
 
-export const Breadcrumbs: FC<BreadcrumbsProps> = ({children}) => (
-  <Paragraph size="s" color="support">
-    {children.map((item, i) => (
-      <Fragment key={i} >
-        {i > 0 ? (
-          <Fragment>
-            <Box as="span" mx={2} display="inline">
-              &#8226;
-            </Box>
-            &shy;
-          </Fragment>
-        ) : (
-          null
-        )}
-        <NavLink {...item} />
-      </Fragment>
-    ))}
-  </Paragraph>
+export const Breadcrumbs: FC<BreadcrumbsProps> = ({title, children}) => (
+  <Box as="nav" aria-label={title}>
+    <Paragraph size="s" color="support">
+      {children.map((item, i) => (
+        <Fragment key={i} >
+          {i > 0 ? (
+            <Fragment>
+              <Box as="span" mx={2} display="inline">
+                &#8226;
+              </Box>
+              &shy;
+            </Fragment>
+          ) : (
+            null
+          )}
+          <NavLink {...item} />
+        </Fragment>
+      ))}
+    </Paragraph>
+  </Box>
 )
diff --git a/packages/desktop/src/button/Button.tsx b/packages/desktop/src/button/Button.tsx
index 211c62996..8e4a077aa 100644
--- a/packages/desktop/src/button/Button.tsx
+++ b/packages/desktop/src/button/Button.tsx
@@ -1,4 +1,4 @@
-import React, {FunctionComponent, ReactElement, Fragment} from 'react'
+import React, {FunctionComponent, Fragment, ReactElement} from 'react'
 
 import {
   ButtonControl,
@@ -165,6 +165,8 @@ export const Button: FunctionComponent<ButtonProps> = (props) => (
       onBlur={props.onBlur}
       children={(renderProps) => (
         <Btn
+          aria-label={props.text}
+          aria-labelledby={props.kind}
           disabled={props.disabled}
           type={props.type}
           width={!props.icon || props.text ? 1 : buttonSize[props.size]}
diff --git a/packages/desktop/src/checkbox-field/CheckboxField.tsx b/packages/desktop/src/checkbox-field/CheckboxField.tsx
index ca5e8d7cb..35d1516a3 100644
--- a/packages/desktop/src/checkbox-field/CheckboxField.tsx
+++ b/packages/desktop/src/checkbox-field/CheckboxField.tsx
@@ -17,7 +17,7 @@ import CheckboxFieldOptionModel from './CheckboxFieldOptionModel'
 
 const CheckboxField: FunctionComponent<
   CheckboxFieldProps<CheckboxFieldOptionModel<any>, any>
-> = props => (
+  > = props => (
   props.stub ? (
     <Box maxWidth={1}>
       <Stub
@@ -58,6 +58,8 @@ const CheckboxField: FunctionComponent<
       onBlur={props.onBlur}
       children={(renderProps) => (
         <OptionField
+          role="checkbox"
+          aria-label={props.title}
           title={props.title}
           hint={props.hint}
           help={props.help}
diff --git a/packages/desktop/src/checkbox-field/CheckboxFieldOptionModel.ts b/packages/desktop/src/checkbox-field/CheckboxFieldOptionModel.ts
index c44f636b7..dd7dd0d68 100644
--- a/packages/desktop/src/checkbox-field/CheckboxFieldOptionModel.ts
+++ b/packages/desktop/src/checkbox-field/CheckboxFieldOptionModel.ts
@@ -3,6 +3,6 @@ import {ReactNode} from 'react'
 import {OptionModel} from '@qiwi/pijma-core'
 
 export default interface CheckboxFieldOptionModel<V> extends OptionModel<V> {
-  label: ReactNode
+  label: string
   description?: ReactNode
 }
diff --git a/packages/desktop/src/checkbox/Checkbox.tsx b/packages/desktop/src/checkbox/Checkbox.tsx
index 840637741..c0bba02c2 100644
--- a/packages/desktop/src/checkbox/Checkbox.tsx
+++ b/packages/desktop/src/checkbox/Checkbox.tsx
@@ -23,6 +23,7 @@ const Checkbox: FunctionComponent<CheckboxProps> = props => (
         onKeyDown={renderProps.onKeyDown}
         children={(
           <OptionFieldItem
+            role="menuitemcheckbox"
             disabled={props.disabled}
             label={props.label}
             description={props.description}
diff --git a/packages/desktop/src/header-menu/HeaderMenu.tsx b/packages/desktop/src/header-menu/HeaderMenu.tsx
index 1c8d15768..08e537918 100644
--- a/packages/desktop/src/header-menu/HeaderMenu.tsx
+++ b/packages/desktop/src/header-menu/HeaderMenu.tsx
@@ -1,6 +1,6 @@
 import React, {FC} from 'react'
 
-import {Flex, FlexItem} from '@qiwi/pijma-core'
+import {Flex, FlexItem, Box} from '@qiwi/pijma-core'
 import {HeaderMenuItem, HeaderMenuItemProps} from './HeaderMenuItem'
 
 export interface HeaderMenuProps {
@@ -8,13 +8,15 @@ export interface HeaderMenuProps {
 }
 
 export const HeaderMenu: FC<HeaderMenuProps> = (props) => (
-  <Flex height={1} width={1} justify="flex-start">
-    {props.children.map((item, i) => (
-      <FlexItem key={i} ml={i > 0 ? 6 : 0}>
-        <HeaderMenuItem
-          {...item}
-        />
-      </FlexItem>
-    ))}
-  </Flex>
+  <Box as="nav" height={1} width={1}>
+    <Flex height={1} width={1} justify="flex-start" role="menubar">
+      {props.children.map((item, i) => (
+        <FlexItem key={i} ml={i > 0 ? 6 : 0}>
+          <HeaderMenuItem
+            {...item}
+          />
+        </FlexItem>
+      ))}
+    </Flex>
+  </Box>
 )
diff --git a/packages/desktop/src/header-menu/HeaderMenuItem.tsx b/packages/desktop/src/header-menu/HeaderMenuItem.tsx
index d1014a0b0..c8c1a18ff 100644
--- a/packages/desktop/src/header-menu/HeaderMenuItem.tsx
+++ b/packages/desktop/src/header-menu/HeaderMenuItem.tsx
@@ -1,6 +1,6 @@
 import React, {FC} from 'react'
 
-import {LinkControl, Lnk, Flex, Pos, Card} from '@qiwi/pijma-core'
+import {Card, Flex, LinkControl, Lnk, Pos} from '@qiwi/pijma-core'
 import {Text} from '../typography/Text'
 
 export interface HeaderMenuItemProps {
@@ -35,6 +35,8 @@ export const HeaderMenuItem: FC<HeaderMenuItemProps> = (props) => (
         cursor="pointer"
         tabIndex={props.tabIndex}
         href={props.href}
+        role="menuitem"
+        aria-label={props.title}
         target={props.target}
         download={props.download}
         rel={props.rel}
diff --git a/packages/desktop/src/link/BlockLink.tsx b/packages/desktop/src/link/BlockLink.tsx
index 519b3c8c2..6a464222d 100644
--- a/packages/desktop/src/link/BlockLink.tsx
+++ b/packages/desktop/src/link/BlockLink.tsx
@@ -1,6 +1,6 @@
 import React, {FC} from 'react'
 
-import {LinkControl, RenderChild, Lnk, Card} from '@qiwi/pijma-core'
+import {Card, LinkControl, Lnk, RenderChild} from '@qiwi/pijma-core'
 
 export interface BlockLinkProps {
   onClick?: (href?: string, target?: string, download?: string | boolean, rel?: string) => void
@@ -28,11 +28,13 @@ export const BlockLink: FC<BlockLinkProps> = (props) => (
     onFocus={props.onFocus}
     onBlur={props.onBlur}
     href={props.href}
+    title={props.title}
     target={props.target}
     download={props.download}
     rel={props.rel}
     children={(renderProps) => (
       <CardLink
+        aria-label={props.title}
         display="block"
         overflow="hidden"
         bg="#fff"
diff --git a/packages/desktop/src/link/FileLink.tsx b/packages/desktop/src/link/FileLink.tsx
index ab43f48b0..ea1b9b589 100644
--- a/packages/desktop/src/link/FileLink.tsx
+++ b/packages/desktop/src/link/FileLink.tsx
@@ -1,7 +1,6 @@
 import React, {FC} from 'react'
 
 import {LinkControl, Lnk, FlexItem, Flex, Icon} from '@qiwi/pijma-core'
-
 import {Text} from '../typography'
 
 export interface FileLinkProps {
diff --git a/packages/desktop/src/link/Link.tsx b/packages/desktop/src/link/Link.tsx
index 01ce5b203..5b8866089 100644
--- a/packages/desktop/src/link/Link.tsx
+++ b/packages/desktop/src/link/Link.tsx
@@ -50,6 +50,7 @@ export const Link: FC<LinkProps> = (props) => (
       <TypoLink
         tabIndex={props.tabIndex}
         href={props.href}
+        aria-label={props.title}
         onClick={renderProps.onClick}
         onFocus={renderProps.onFocus}
         onBlur={renderProps.onBlur}
diff --git a/packages/desktop/src/list/List.tsx b/packages/desktop/src/list/List.tsx
index 0d4695b01..d7e97772c 100644
--- a/packages/desktop/src/list/List.tsx
+++ b/packages/desktop/src/list/List.tsx
@@ -41,7 +41,7 @@ const LetterSize: {[size in NonNullable<ListProps['size']>]: number} = {
 }
 
 export const List: FunctionComponent<ListProps> = ({type, size = 'm', children}) => (
-  <Box as={ListType[type]}>
+  <Box as={ListType[type]} role="list">
     {children.map((item, index) => (
       <Flex key={index} as="li" mt={index > 0 ? ItemIndent[type] : 0}>
         {type === 'number' ? (
diff --git a/packages/desktop/src/modal/SimpleModal.tsx b/packages/desktop/src/modal/SimpleModal.tsx
index 4771c9082..7245ad2a5 100644
--- a/packages/desktop/src/modal/SimpleModal.tsx
+++ b/packages/desktop/src/modal/SimpleModal.tsx
@@ -97,10 +97,12 @@ const SimpleModal: FunctionComponent<SimpleModalProps> = (props) => (
     )}
     children={(
       <Pos type="relative" display="inline-block" p={12} css={{verticalAlign: 'middle', textAlign: 'left'}}>
-        <Card s="0 20px 64px 8px rgba(0, 0, 0, 0.16)" r={10} bg="#fff" pt={11} pb={12} px={11} width={ModalWidth[props.size]}>
+        <Card role="alertdialog" s="0 20px 64px 8px rgba(0, 0, 0, 0.16)" r={10} bg="#fff" pt={11} pb={12} px={11} width={ModalWidth[props.size]}>
           <Fragment>
             {props.closable && props.onHide ? (
               <Pos
+                role="button"
+                aria-label="exit"
                 type="absolute"
                 top={16}
                 right={16}
diff --git a/packages/desktop/src/nav-link/NavLink.tsx b/packages/desktop/src/nav-link/NavLink.tsx
index fd0fb3f1b..a062241a9 100644
--- a/packages/desktop/src/nav-link/NavLink.tsx
+++ b/packages/desktop/src/nav-link/NavLink.tsx
@@ -29,6 +29,7 @@ export const NavLink: FC<NavLinkProps> = (props) => (
       <TypoLink
         tabIndex={props.tabIndex}
         href={props.href}
+        aria-label={props.title}
         onClick={renderProps.onClick}
         onFocus={renderProps.onFocus}
         onBlur={renderProps.onBlur}
diff --git a/packages/desktop/src/notice/Notice.tsx b/packages/desktop/src/notice/Notice.tsx
index 217b10ddd..863d1d5e5 100644
--- a/packages/desktop/src/notice/Notice.tsx
+++ b/packages/desktop/src/notice/Notice.tsx
@@ -8,7 +8,7 @@ export interface NoticeProps {
 }
 
 export const Notice: FC<NoticeProps> = ({icon, title, children}) => (
-  <Flex>
+  <Flex role="alertdialog" aria-label="notice">
     <FlexItem
       shrink={0}
       basis={6}
diff --git a/packages/desktop/src/oops/Oops.tsx b/packages/desktop/src/oops/Oops.tsx
index 92787661a..0386e2c42 100644
--- a/packages/desktop/src/oops/Oops.tsx
+++ b/packages/desktop/src/oops/Oops.tsx
@@ -11,7 +11,7 @@ export interface OopsProps {
 }
 
 export const Oops: FC<OopsProps> = ({logo, error, title, content, footer}) => (
-  <Card minWidth={295} width="100%" pt={22} minHeight="100%" bg="#fff">
+  <Card minWidth={295} width="100%" pt={22} minHeight="100%" bg="#fff" role="section" aria-label={title}>
     <Flex mx="auto" width={235} direction="column">
       <FlexItem
         width={60}
diff --git a/packages/desktop/src/pagination/PaginationLink.tsx b/packages/desktop/src/pagination/PaginationLink.tsx
index 709aaabc6..325b35be1 100644
--- a/packages/desktop/src/pagination/PaginationLink.tsx
+++ b/packages/desktop/src/pagination/PaginationLink.tsx
@@ -1,6 +1,6 @@
 import React, {FC} from 'react'
 
-import {LinkControl, Lnk, Card, Value, RenderChild, Flex} from '@qiwi/pijma-core'
+import {Card, Flex, LinkControl, Lnk, RenderChild, Value} from '@qiwi/pijma-core'
 
 export interface PaginationLinkProps {
   page: number
@@ -24,6 +24,7 @@ export const PaginationLink: FC<PaginationLinkProps> = props => (
     onClick={props.onClick}
     children={renderProps => (
       <CardLink
+        role="link"
         transition="all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)"
         height={12}
         width={props.width}
diff --git a/packages/desktop/src/radio-field/RadioField.tsx b/packages/desktop/src/radio-field/RadioField.tsx
index ba65b2cd8..ee5f315c9 100644
--- a/packages/desktop/src/radio-field/RadioField.tsx
+++ b/packages/desktop/src/radio-field/RadioField.tsx
@@ -77,6 +77,7 @@ const RadioField: FunctionComponent<
               onMouseLeave={renderProps.onMouseLeave}
               children={(renderOptionProps) => (
                 <OptionFieldItem
+                  role="menuitemradio"
                   disabled={option.disabled}
                   icon={(
                     <Box width={6}>
diff --git a/packages/desktop/src/radio-field/RadioFieldOptionModel.ts b/packages/desktop/src/radio-field/RadioFieldOptionModel.ts
index e7422a2b1..a811b28b3 100644
--- a/packages/desktop/src/radio-field/RadioFieldOptionModel.ts
+++ b/packages/desktop/src/radio-field/RadioFieldOptionModel.ts
@@ -3,6 +3,6 @@ import {ReactNode} from 'react'
 import {OptionModel} from '@qiwi/pijma-core'
 
 export default interface RadioFieldOptionModel<V> extends OptionModel<V> {
-  label: ReactNode
+  label: string
   description?: ReactNode
 }
diff --git a/packages/desktop/src/switch-field/SwitchField.tsx b/packages/desktop/src/switch-field/SwitchField.tsx
index 1ac9bdc7d..8c16d95e9 100644
--- a/packages/desktop/src/switch-field/SwitchField.tsx
+++ b/packages/desktop/src/switch-field/SwitchField.tsx
@@ -71,6 +71,7 @@ const SwitchField: FunctionComponent<
       onBlur={props.onBlur}
       children={(renderProps) => (
         <OptionField
+          role="switch"
           title={props.title}
           hint={props.hint}
           help={props.help}
@@ -89,6 +90,7 @@ const SwitchField: FunctionComponent<
               onMouseLeave={renderProps.onMouseLeave}
               children={(renderOptionProps) => (
                 <OptionFieldItem
+                  role="menuitemradio"
                   disabled={option.disabled}
                   reverse={props.reverse}
                   icon={(
diff --git a/packages/desktop/src/switch-field/SwitchFieldOptionModel.ts b/packages/desktop/src/switch-field/SwitchFieldOptionModel.ts
index 27772af38..3f00adc86 100644
--- a/packages/desktop/src/switch-field/SwitchFieldOptionModel.ts
+++ b/packages/desktop/src/switch-field/SwitchFieldOptionModel.ts
@@ -3,6 +3,6 @@ import {ReactNode} from 'react'
 import {OptionModel} from '@qiwi/pijma-core'
 
 export default interface SwitchFieldOptionModel<V> extends OptionModel<V> {
-  label: ReactNode
+  label: string
   description?: ReactNode
 }
diff --git a/packages/desktop/src/switch/Switch.tsx b/packages/desktop/src/switch/Switch.tsx
index b6afe3d3e..68e507aa1 100644
--- a/packages/desktop/src/switch/Switch.tsx
+++ b/packages/desktop/src/switch/Switch.tsx
@@ -50,6 +50,7 @@ export const Switch: FunctionComponent<SwitchProps> = props => (
           onKeyDown={renderProps.onKeyDown}
           children={(
             <OptionFieldItem
+              role="switch"
               label={props.label}
               reverse={props.reverse}
               description={props.description}
diff --git a/packages/desktop/src/text-field/TextField.tsx b/packages/desktop/src/text-field/TextField.tsx
index 783136f41..f594ae155 100644
--- a/packages/desktop/src/text-field/TextField.tsx
+++ b/packages/desktop/src/text-field/TextField.tsx
@@ -1,15 +1,6 @@
 import React, {FunctionComponent} from 'react'
 
-import {
-  TextFieldControl,
-  InputField,
-  BasicInput,
-  Stub,
-  Box,
-  Card,
-  Flex,
-  FlexItem,
-} from '@qiwi/pijma-core'
+import {BasicInput, Box, Card, Flex, FlexItem, InputField, Stub, TextFieldControl} from '@qiwi/pijma-core'
 
 import TextFieldProps from './TextFieldProps'
 
diff --git a/packages/mobile/src/block-accordion/BlockAccordion.tsx b/packages/mobile/src/block-accordion/BlockAccordion.tsx
index a5c6a5ab8..89a93ebbe 100644
--- a/packages/mobile/src/block-accordion/BlockAccordion.tsx
+++ b/packages/mobile/src/block-accordion/BlockAccordion.tsx
@@ -26,6 +26,8 @@ export const BlockAccordion: FunctionComponent<BlockAccordionProps<BlockAccordio
         {renderProps.items.map((item, index) => (
           <Card
             key={index}
+            role="region"
+            aria-label={typeof item.title === 'string' ? item.title : undefined}
             s={
               index > 0
                 ? '0 -1px 0 #e6e6e6'
diff --git a/packages/mobile/src/block-content/BlockContent.tsx b/packages/mobile/src/block-content/BlockContent.tsx
index 200b04a43..22a565a26 100644
--- a/packages/mobile/src/block-content/BlockContent.tsx
+++ b/packages/mobile/src/block-content/BlockContent.tsx
@@ -13,6 +13,8 @@ const BlockContentIdent: { [indent in NonNullable<BlockContentProps['indent']>]:
 
 export const BlockContent: FC<BlockContentProps> = ({indent = 'm', children}) => (
   <Box
+    role="section"
+    aria-label="content"
     p={BlockContentIdent[indent]}
     children={children}
   />
diff --git a/packages/mobile/src/breadcrumbs/Breadcrumbs.md b/packages/mobile/src/breadcrumbs/Breadcrumbs.md
index c8130c797..e6b031bed 100644
--- a/packages/mobile/src/breadcrumbs/Breadcrumbs.md
+++ b/packages/mobile/src/breadcrumbs/Breadcrumbs.md
@@ -1,6 +1,7 @@
 ```jsx
 <Spacer size="xl">
   <Breadcrumbs
+    title="Хлебные крошки"
     children={[
       {href: 'https://qiwi.com/', children: 'Главная'},
       {href: 'https://qiwi.com/support/', children: 'Помощь'},
diff --git a/packages/mobile/src/breadcrumbs/Breadcrumbs.tsx b/packages/mobile/src/breadcrumbs/Breadcrumbs.tsx
index eff04762f..d369fc7b3 100644
--- a/packages/mobile/src/breadcrumbs/Breadcrumbs.tsx
+++ b/packages/mobile/src/breadcrumbs/Breadcrumbs.tsx
@@ -4,25 +4,28 @@ import {NavLink, NavLinkProps} from '../nav-link'
 import {Paragraph} from '../typography'
 
 export interface BreadcrumbsProps {
+  title?: string
   children: NavLinkProps[]
 }
 
-export const Breadcrumbs: FC<BreadcrumbsProps> = ({children}) => (
-  <Paragraph size="s" color="support">
-    {children.map((item, i) => (
-      <Fragment key={i} >
-        {i > 0 ? (
-          <Fragment>
-            <Box as="span" mx={2} display="inline">
-              &#8226;
-            </Box>
-            &shy;
-          </Fragment>
-        ) : (
-          null
-        )}
-        <NavLink {...item} />
-      </Fragment>
-    ))}
-  </Paragraph>
+export const Breadcrumbs: FC<BreadcrumbsProps> = ({title, children}) => (
+  <Box as="nav" aria-label={title}>
+    <Paragraph size="s" color="support">
+      {children.map((item, i) => (
+        <Fragment key={i} >
+          {i > 0 ? (
+            <Fragment>
+              <Box as="span" mx={2} display="inline">
+                &#8226;
+              </Box>
+              &shy;
+            </Fragment>
+          ) : (
+            null
+          )}
+          <NavLink {...item} />
+        </Fragment>
+      ))}
+    </Paragraph>
+  </Box>
 )
diff --git a/packages/mobile/src/button/Button.tsx b/packages/mobile/src/button/Button.tsx
index beae2b94a..62d246550 100644
--- a/packages/mobile/src/button/Button.tsx
+++ b/packages/mobile/src/button/Button.tsx
@@ -1,4 +1,4 @@
-import React, {FunctionComponent, ReactElement, Fragment} from 'react'
+import React, {FunctionComponent, Fragment, ReactElement} from 'react'
 
 import {
   ButtonControl,
@@ -155,6 +155,8 @@ export const Button: FunctionComponent<ButtonProps> = (props) => (
       onBlur={props.onBlur}
       children={(renderProps) => (
         <Btn
+          aria-label={props.text}
+          aria-labelledby={props.kind}
           disabled={props.disabled}
           type={props.type}
           width={!props.icon || props.text ? 1 : buttonSize[props.size]}
diff --git a/packages/mobile/src/checkbox-field/CheckboxField.tsx b/packages/mobile/src/checkbox-field/CheckboxField.tsx
index 6b047c7ab..104e148d5 100644
--- a/packages/mobile/src/checkbox-field/CheckboxField.tsx
+++ b/packages/mobile/src/checkbox-field/CheckboxField.tsx
@@ -17,7 +17,7 @@ import CheckboxFieldOptionModel from './CheckboxFieldOptionModel'
 
 const CheckboxField: FunctionComponent<
   CheckboxFieldProps<CheckboxFieldOptionModel<any>, any>
-> = props => (
+  > = props => (
   props.stub ? (
     <Box maxWidth={1}>
       <Stub
@@ -58,6 +58,8 @@ const CheckboxField: FunctionComponent<
       onBlur={props.onBlur}
       children={(renderProps) => (
         <OptionField
+          role="checkbox"
+          aria-label={props.title}
           title={props.title}
           hint={props.hint}
           help={props.help}
diff --git a/packages/mobile/src/checkbox-field/CheckboxFieldOptionModel.ts b/packages/mobile/src/checkbox-field/CheckboxFieldOptionModel.ts
index c44f636b7..dd7dd0d68 100644
--- a/packages/mobile/src/checkbox-field/CheckboxFieldOptionModel.ts
+++ b/packages/mobile/src/checkbox-field/CheckboxFieldOptionModel.ts
@@ -3,6 +3,6 @@ import {ReactNode} from 'react'
 import {OptionModel} from '@qiwi/pijma-core'
 
 export default interface CheckboxFieldOptionModel<V> extends OptionModel<V> {
-  label: ReactNode
+  label: string
   description?: ReactNode
 }
diff --git a/packages/mobile/src/checkbox/Checkbox.tsx b/packages/mobile/src/checkbox/Checkbox.tsx
index 840637741..c0bba02c2 100644
--- a/packages/mobile/src/checkbox/Checkbox.tsx
+++ b/packages/mobile/src/checkbox/Checkbox.tsx
@@ -23,6 +23,7 @@ const Checkbox: FunctionComponent<CheckboxProps> = props => (
         onKeyDown={renderProps.onKeyDown}
         children={(
           <OptionFieldItem
+            role="menuitemcheckbox"
             disabled={props.disabled}
             label={props.label}
             description={props.description}
diff --git a/packages/mobile/src/link/BlockLink.tsx b/packages/mobile/src/link/BlockLink.tsx
index 519b3c8c2..6a464222d 100644
--- a/packages/mobile/src/link/BlockLink.tsx
+++ b/packages/mobile/src/link/BlockLink.tsx
@@ -1,6 +1,6 @@
 import React, {FC} from 'react'
 
-import {LinkControl, RenderChild, Lnk, Card} from '@qiwi/pijma-core'
+import {Card, LinkControl, Lnk, RenderChild} from '@qiwi/pijma-core'
 
 export interface BlockLinkProps {
   onClick?: (href?: string, target?: string, download?: string | boolean, rel?: string) => void
@@ -28,11 +28,13 @@ export const BlockLink: FC<BlockLinkProps> = (props) => (
     onFocus={props.onFocus}
     onBlur={props.onBlur}
     href={props.href}
+    title={props.title}
     target={props.target}
     download={props.download}
     rel={props.rel}
     children={(renderProps) => (
       <CardLink
+        aria-label={props.title}
         display="block"
         overflow="hidden"
         bg="#fff"
diff --git a/packages/mobile/src/link/FileLink.tsx b/packages/mobile/src/link/FileLink.tsx
index 115a78f79..034281c87 100644
--- a/packages/mobile/src/link/FileLink.tsx
+++ b/packages/mobile/src/link/FileLink.tsx
@@ -1,7 +1,6 @@
 import React, {FC} from 'react'
 
 import {LinkControl, Lnk, FlexItem, Flex, Icon} from '@qiwi/pijma-core'
-
 import {Text} from '../typography'
 
 export interface FileLinkProps {
@@ -36,6 +35,7 @@ export const FileLink: FC<FileLinkProps> = (props) => (
       <FlexLink
         tabIndex={props.tabIndex}
         href={props.href}
+        aria-label={props.title}
         target={props.target}
         download={props.download}
         rel={props.rel}
@@ -58,11 +58,20 @@ export const FileLink: FC<FileLinkProps> = (props) => (
           mr={2}
           shrink={0}
         >
-          <Icon name="file" color={renderProps.hover || renderProps.focus || renderProps.active ? '#FF8C00' : '#000'}/>
+          <Icon
+            name="file"
+            color={
+              renderProps.hover || renderProps.focus || renderProps.active
+                ? '#FF8C00'
+                : '#000'
+            }
+          />
         </FlexItem>
-        <FlexItem>
+        <FlexItem height={5}>
           <Text
-            color={renderProps.hover || renderProps.focus || renderProps.active ? 'warning' : 'default'}
+            color={
+              renderProps.hover || renderProps.focus || renderProps.active ? 'warning' : 'default'
+            }
             size="s"
             bold={false}
             children={props.children}
diff --git a/packages/mobile/src/link/Link.tsx b/packages/mobile/src/link/Link.tsx
index 01ce5b203..5b8866089 100644
--- a/packages/mobile/src/link/Link.tsx
+++ b/packages/mobile/src/link/Link.tsx
@@ -50,6 +50,7 @@ export const Link: FC<LinkProps> = (props) => (
       <TypoLink
         tabIndex={props.tabIndex}
         href={props.href}
+        aria-label={props.title}
         onClick={renderProps.onClick}
         onFocus={renderProps.onFocus}
         onBlur={renderProps.onBlur}
diff --git a/packages/mobile/src/list/List.tsx b/packages/mobile/src/list/List.tsx
index 27c5ae03e..896ce7a8e 100644
--- a/packages/mobile/src/list/List.tsx
+++ b/packages/mobile/src/list/List.tsx
@@ -41,7 +41,7 @@ const LetterSize: {[size in NonNullable<ListProps['size']>]: number} = {
 }
 
 export const List: FunctionComponent<ListProps> = ({type, size = 'm', children}) => (
-  <Box as={ListType[type]}>
+  <Box as={ListType[type]} role="list">
     {children.map((item, index) => (
       <Flex key={index} as="li" mt={index > 0 ? ItemIndent[type] : 0}>
         {type === 'number' ? (
diff --git a/packages/mobile/src/modal/SimpleModal.tsx b/packages/mobile/src/modal/SimpleModal.tsx
index 9b07dadba..428f17199 100644
--- a/packages/mobile/src/modal/SimpleModal.tsx
+++ b/packages/mobile/src/modal/SimpleModal.tsx
@@ -83,10 +83,12 @@ const SimpleModal: FunctionComponent<SimpleModalProps> = (props) => (
     )}
     children={(
       <Pos type="relative" width={1} height={1}>
-        <Card bg="#fff" p={6} width={1} height={1} overflow="auto">
+        <Card role="alertdialog" bg="#fff" p={6} width={1} height={1} overflow="auto">
           <Fragment>
             {props.closable && props.onHide ? (
               <Pos
+                role="button"
+                aria-label="exit"
                 type="absolute"
                 top={6}
                 right={6}
diff --git a/packages/mobile/src/notice/Notice.tsx b/packages/mobile/src/notice/Notice.tsx
index 085762562..1cd487daf 100644
--- a/packages/mobile/src/notice/Notice.tsx
+++ b/packages/mobile/src/notice/Notice.tsx
@@ -8,7 +8,7 @@ export interface NoticeProps {
 }
 
 export const Notice: FC<NoticeProps> = ({icon, title, children}) => (
-  <Flex>
+  <Flex role="alertdialog" aria-label="notice">>
     <FlexItem
       shrink={0}
       basis={6}
diff --git a/packages/mobile/src/oops/Oops.tsx b/packages/mobile/src/oops/Oops.tsx
index fa04fae53..e2ae48cb5 100644
--- a/packages/mobile/src/oops/Oops.tsx
+++ b/packages/mobile/src/oops/Oops.tsx
@@ -11,7 +11,7 @@ export interface ErrorPageProps {
 }
 
 export const Oops: FC<ErrorPageProps> = ({logo, error, title, content, footer}) => (
-  <Card pt={4} pb={6} px={6} minHeight="100%" bg="#fff">
+  <Card pt={4} pb={6} px={6} minHeight="100%" bg="#fff" role="section" aria-label={title}>
     <Flex align="center" direction="column">
       <FlexItem
         shrink={0}
diff --git a/packages/mobile/src/pagination/Pagination.tsx b/packages/mobile/src/pagination/Pagination.tsx
index fcfc008b5..34f80dfa0 100644
--- a/packages/mobile/src/pagination/Pagination.tsx
+++ b/packages/mobile/src/pagination/Pagination.tsx
@@ -30,6 +30,8 @@ export const Pagination: FunctionComponent<PaginationProps> = ({
     onChange={onChange}
     children={renderProps => (
       <Card
+        role="toolbar"
+        aria-label="pagination"
         bg="#fff"
         s={shadowed ? '0 1px 2px 0 rgba(0,0,0,0.12)' : '0 0 0 1px #e6e6e6'}
         height={12}
diff --git a/packages/mobile/src/pagination/PaginationLink.tsx b/packages/mobile/src/pagination/PaginationLink.tsx
index b1e0e6ffa..1e60382c6 100644
--- a/packages/mobile/src/pagination/PaginationLink.tsx
+++ b/packages/mobile/src/pagination/PaginationLink.tsx
@@ -1,6 +1,6 @@
 import React, {FC} from 'react'
 
-import {LinkControl, Lnk, Card, Value, RenderChild, Flex} from '@qiwi/pijma-core'
+import {Card, Flex, LinkControl, Lnk, RenderChild, Value} from '@qiwi/pijma-core'
 
 export interface PaginationLinkProps {
   page: number
@@ -23,6 +23,8 @@ export const PaginationLink: FC<PaginationLinkProps> = props => (
     onClick={props.onClick}
     children={renderProps => (
       <CardLink
+        role="link"
+        aria-label="pagination"
         transition="all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)"
         height={12}
         width={props.width}
diff --git a/packages/mobile/src/radio-field/RadioField.tsx b/packages/mobile/src/radio-field/RadioField.tsx
index 7cdfe35dd..82035c16f 100644
--- a/packages/mobile/src/radio-field/RadioField.tsx
+++ b/packages/mobile/src/radio-field/RadioField.tsx
@@ -77,6 +77,7 @@ const RadioField: FunctionComponent<
               onMouseLeave={renderProps.onMouseLeave}
               children={(renderOptionProps) => (
                 <OptionFieldItem
+                  role="menuitemradio"
                   disabled={option.disabled}
                   icon={(
                     <Box width={6}>
diff --git a/packages/mobile/src/radio-field/RadioFieldOptionModel.ts b/packages/mobile/src/radio-field/RadioFieldOptionModel.ts
index e7422a2b1..a811b28b3 100644
--- a/packages/mobile/src/radio-field/RadioFieldOptionModel.ts
+++ b/packages/mobile/src/radio-field/RadioFieldOptionModel.ts
@@ -3,6 +3,6 @@ import {ReactNode} from 'react'
 import {OptionModel} from '@qiwi/pijma-core'
 
 export default interface RadioFieldOptionModel<V> extends OptionModel<V> {
-  label: ReactNode
+  label: string
   description?: ReactNode
 }
diff --git a/packages/mobile/src/switch-field/SwitchField.tsx b/packages/mobile/src/switch-field/SwitchField.tsx
index 1ac9bdc7d..8c16d95e9 100644
--- a/packages/mobile/src/switch-field/SwitchField.tsx
+++ b/packages/mobile/src/switch-field/SwitchField.tsx
@@ -71,6 +71,7 @@ const SwitchField: FunctionComponent<
       onBlur={props.onBlur}
       children={(renderProps) => (
         <OptionField
+          role="switch"
           title={props.title}
           hint={props.hint}
           help={props.help}
@@ -89,6 +90,7 @@ const SwitchField: FunctionComponent<
               onMouseLeave={renderProps.onMouseLeave}
               children={(renderOptionProps) => (
                 <OptionFieldItem
+                  role="menuitemradio"
                   disabled={option.disabled}
                   reverse={props.reverse}
                   icon={(
diff --git a/packages/mobile/src/switch-field/SwitchFieldOptionModel.ts b/packages/mobile/src/switch-field/SwitchFieldOptionModel.ts
index 27772af38..3f00adc86 100644
--- a/packages/mobile/src/switch-field/SwitchFieldOptionModel.ts
+++ b/packages/mobile/src/switch-field/SwitchFieldOptionModel.ts
@@ -3,6 +3,6 @@ import {ReactNode} from 'react'
 import {OptionModel} from '@qiwi/pijma-core'
 
 export default interface SwitchFieldOptionModel<V> extends OptionModel<V> {
-  label: ReactNode
+  label: string
   description?: ReactNode
 }
diff --git a/packages/mobile/src/switch/Switch.tsx b/packages/mobile/src/switch/Switch.tsx
index b6afe3d3e..68e507aa1 100644
--- a/packages/mobile/src/switch/Switch.tsx
+++ b/packages/mobile/src/switch/Switch.tsx
@@ -50,6 +50,7 @@ export const Switch: FunctionComponent<SwitchProps> = props => (
           onKeyDown={renderProps.onKeyDown}
           children={(
             <OptionFieldItem
+              role="switch"
               label={props.label}
               reverse={props.reverse}
               description={props.description}
diff --git a/packages/mobile/src/typography/Text.tsx b/packages/mobile/src/typography/Text.tsx
index 5ebb4b99f..e786763f6 100644
--- a/packages/mobile/src/typography/Text.tsx
+++ b/packages/mobile/src/typography/Text.tsx
@@ -45,6 +45,7 @@ const TextColor: { [color in NonNullable<TextProps['color']>]: string } = {
 export const Text: FunctionComponent<TextProps> = ({display, compact, size, bold, color, decoration, transform, transition, align, clamp, children}) => (
   <Typo
     as="span"
+    role="textbox"
     display={display}
     size={size === undefined ? undefined : TextSize[size]}
     height={size === undefined ? undefined : compact ? TextHeightCompact[size] : TextHeight[size]}