---
# System prepended metadata

title: Ted 活動紀錄
tags: [活動紀錄]

---

# Ted 活動紀錄
###### tags: `活動紀錄`
## ==20241212==
### 無障礙檢測 (Freego Sep 27 2024)
- **HM1130100C 網頁中的標頭組件必須要按照正確的巢狀層次結構來配置**
已解決首頁A級中`h1`~`h6`層級沒有正確使用的問題，因機場首頁沒有`h1`的需求故使用`h2`作為主要應用，已經把`h2`作為首頁裡每一個區塊的內容標題，以下簡圖:
![image](https://hackmd.io/_uploads/Sk3gxG_VJg.png)

- **HM1130104C 可見的表單控制元件均需有對應的標籤＜label＞組件，或有標題(title)屬性，且其內容或值均不得為空字串或空白**
已解決此A級問題，主要改進所有`input`需要搭配一個`label`且`label`中`for=""`的命名須與`input`的`id`相同，`input`需要一個正確的`type=""`與`name=""`，如果不需要顯示`label`的內容可以使用CSS隱藏(`class="sr-only"`)但保有閱讀器可導覽的功能，以下簡圖:
![image](https://hackmd.io/_uploads/H1SAgMONyx.png)

- **HM1410200C 依據規格使用表單控制元件組件及鏈結組件，完整提供各組件之角色、名稱、屬性、值**
已解決此A級問題，發現是`button`未使用`aria-label=""`提供可辨識名稱所致，以下簡圖:
![image](https://hackmd.io/_uploads/SySNH7OE1e.png)


- **無障礙檢測網頁為空白**
    這裡要注意可能沒有開啟設定中的 **Javascript** 為啟用所致，如下圖:
    ![image](https://hackmd.io/_uploads/BkA3QzdN1x.png)
    為了能更好的展示此問題便在 **app.blade.php** 內加上了以下提示:
    ```
    <body class="font-sans antialiased">
      {{-- 用於未開啟或是支援JavaScript的用戶給予網頁提示 --}}
      <noscript class="relative z-20 text-white font-bold">
        <div class="p-3 bg-black/70">
          <h1>台中國際機場</h1>
          <p>您的瀏覽器不支援 JavaScript 或 JavaScript已停用，請先至您的瀏覽器設定中開啟 JavaScript</p>
        </div>
        <div class="px-3 pb-3 bg-black/70">
          Your browser does not support JavaScript. If the webpage function is not working properly, please open the browser JavaScript status.
        </div>
      </noscript>
       @inertia
    </body>
    ```

### [台中國際機場進度表](https://docs.google.com/spreadsheets/d/1hy-p0d_QfdMBENGMXW2ER9TvYWnVFaY0pz8E1zfwzC0/edit?usp=sharing)

## ==20241008==
- **Laravel資料表建立**
  利用"https://www.drawdb.app/editor"輔助建立表單，建立表單後首先需要先建立檔案
  - 建立 Migration 檔案
    `php artisan make:migration create_資料表名_table`
    建立位置:database>migrations>create_資料表名_table
  - 建立 Model 檔案-(資料表關聯)
`  php artisan make:model 檔案名稱`
    建立位置:app>Models>檔案名
  - 推送表單 `php artisan migrate`，推送失敗可以檢查關聯的檔案是否有順序問題，被關聯的檔案需要再被關聯前建立好才能開始關聯，另外要確認命名是否有錯誤。