Guide > Accessibility > Basics の翻訳を追従 (#294)

* docs: migrate 3 CodePens to the Vue account

vuejs/docs@beb65fb#diff-87162cc46e3a6b07566bab1abe9cd2ace23a1df367d04d038a0658e1a376e939

* chore: remove spaces between triple backticks and the language

vuejs/docs@0f25a8d#diff-87162cc46e3a6b07566bab1abe9cd2ace23a1df367d04d038a0658e1a376e939

Author: naokie

src/guide/a11y-basics.md

@@ -12,7 +12,7 @@
 
 すべてのページで最初にフォーカス可能な要素になるため、通常これは `App.vue` の上部で使われます:
 
-``` html
+```html
 <ul class="skip-links">
   <li>
     <a href="#main" ref="skipLink">Skip to main content</a>
@@ -22,7 +22,7 @@
 
 フォーカスされていない時にリンクを非表示にするには、以下のスタイルを追加します:
 
-``` css
+```css
 .skipLink {
   white-space: nowrap;
   margin: 1em auto;
@@ -42,7 +42,7 @@
 
 ユーザがルートを変更したら、スキップリンクにフォーカスを戻します。これは以下のように `ref` にフォーカスを呼ぶことで実現できます:
 
-``` vue
+```vue
 <script>
 export default {
   watch: {
@@ -54,7 +54,7 @@ export default {
 </script>
 ```
 
-<common-codepen-snippet title="Skip to Main" slug="VwepxJa" :height="350" tab="js,result" :team="false" user="mlama007" name="Maria" theme="light" :preview="false" :editable="false" />
+<common-codepen-snippet title="Skip to Main" slug="GRrvQJa" :height="350" tab="js,result" theme="light" :preview="false" :editable="false" />
 
 [メインコンテンツへのスキップリンクについてのドキュメントを読む](https://www.w3.org/WAI/WCAG21/Techniques/general/G1.html)