ফোন নম্বরগুলি সঠিকভাবে লিঙ্ক করুন

মোবাইল ডিভাইসের জন্য আপনার ওয়েবসাইট অপ্টিমাইজ করার সময়, শুধু বিভিন্ন স্ক্রিন সাইজ, অপ্টিমাইজড লোডিং টাইম এবং বিশেষ ফিচারের (যেমন হোভার ইফেক্ট) উপরই মনোযোগ দিলে চলবে না, বরং ডিভাইসগুলোর নির্দিষ্ট সক্ষমতাগুলোও বিবেচনা করতে হবে। এর মধ্যে ফোন কল করার বিষয়টিও অন্তর্ভুক্ত (যা হয়তো কেউ কেউ ভুলে গেছেন)।


ঘটনাচক্রে, href অ্যাট্রিবিউটের একটি পূর্ববর্তী "+49" প্রস্তাবিত কারণ এটি বিদেশ থেকে গ্রাহকদের জার্মানিতে সঠিক টেলিফোন সংযোগ অ্যাক্সেস করতে সক্ষম করে। নিম্নলিখিত মার্কআপটি ব্যবহার করা যেতে পারে যাতে কোনও ওয়েবসাইটের যোগাযোগের অঞ্চলে ফোন নম্বরটি আপনি এটিকে আলতো চাপলে ফোন অ্যাপটি খুলতে পারে:

<a href="tel:+498921555122">089 21 555 122</a>

সুতরাং ডেস্কটপ ব্যবহারকারীরা (যারা ইনস্টলড স্কাইপ প্লাগ-ইন ব্যতীত এইচটিএমএল ট্যাগ দিয়ে কিছু করতে পারবেন না) বিভ্রান্ত না হন, নিম্নলিখিত সিএসএস মার্কআপটিও সুপারিশ করা হয় যাতে লিঙ্কটি এরূপ হিসাবে স্বীকৃত না হয়:

a[href^="tel"] {
   cursor: default;
   text-decoration: none;
   color: #000;
}
@media only screen and (max-device-width: 480px) {
   a[href^="tel"] {
      text-decoration: underline;
      color: blue;
   }
}
পেছনে